diff --git a/master/13-changelog-stories-mdx.bf17d751.iframe.bundle.js b/master/13-changelog-stories-mdx.bf17d751.iframe.bundle.js new file mode 100644 index 0000000000..b673fba551 --- /dev/null +++ b/master/13-changelog-stories-mdx.bf17d751.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[572],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./docs/13.changelog.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__page:function(){return __page},default:function(){return _13_changelog_stories}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),CHANGELOGraw_namespaceObject="## 42.9.0\n\n\n\n### [#836](https://github.com/core-ds/core-components/pull/836)\n\n#### Что изменилось\n- Добавлены контролы в scrollable контейнер десктопных табов\n\n#### Влияние на компоненты\n- Минорное
`tabs`\n\n\n### [#841](https://github.com/core-ds/core-components/pull/841)\n\n#### Что изменилось\n- Добавлен проп radioListClassName\n\n#### Влияние на компоненты\n- Минорное
`radio-group`\n\n\n### [#832](https://github.com/core-ds/core-components/pull/832)\n\n#### Что изменилось\n- Добавлен проп closeWithClickOutside\n\n#### Влияние на компоненты\n- Минорное
`toast`\n\n\n### [#838](https://github.com/core-ds/core-components/pull/838)\n\n#### Что изменилось\n- Задана максимальная ширина в 100%, чтобы они не выходили за границы родителя\n\n#### Влияние на компоненты\n- Патчи
`form-control` `select` `filter-tag`\n\n\n\n## 42.8.0\n\n\n\n### [#840](https://github.com/core-ds/core-components/pull/840)\n\n#### Что изменилось\n- Добавлен проп onSwipeStart, onSwipeEnd\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n\n## 42.7.0\n\n\n\n### [#839](https://github.com/core-ds/core-components/pull/839)\n\n#### Что изменилось\n- Добавлен проп onTouchEnd\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#837](https://github.com/core-ds/core-components/pull/837)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не пересчитывалась высота магнитных зон\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet`\n\n
\n\n#### Что изменилось\n- Добавлена функция isNil\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n\n\n## 42.6.0\n\n\n\n### [#830](https://github.com/core-ds/core-components/pull/830)\n\n#### Что изменилось\n- Добавлен message prop\n\n#### Влияние на компоненты\n- Минорное
`pass-code` `pattern-lock`\n\n\n\n## 42.5.1\n\n\n\n### [#824](https://github.com/core-ds/core-components/pull/824)\n\n#### Что изменилось\n- Исправлен автоматический скролл к активному табу, если он находится вне области видимости\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#826](https://github.com/core-ds/core-components/pull/826)\n\n#### Что изменилось\n- При нажатии на крестик очистки инпут больше не теряет фокус\n\n#### Влияние на компоненты\n- Патчи
`input`\n\n\n### [#829](https://github.com/core-ds/core-components/pull/829)\n\n#### Что изменилось\n- Добавлен внутренний стейт в мобильный тултип\n- css-свойство display у target элемента заменено c block на inline-block\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n### [#827](https://github.com/core-ds/core-components/pull/827)\n\n#### Что изменилось\n- Реализация бордера заменена с box-shadow на border😀\n\n#### Влияние на компоненты\n- Патчи
`plate`\n\n\n\n## 42.5.0\n\n\n\n### [#817](https://github.com/core-ds/core-components/pull/817)\n\n#### Что изменилось\n- Добавлена утилита disableUserInput\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n
\n\n#### Что изменилось\n- Мобильный form-control в теме click приведен к дефолтному виду\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n
\n\n#### Что изменилось\n- Добавлен проп disableUserInput\n\n#### Влияние на компоненты\n- Минорное
`input`\n\n
\n\n#### Что изменилось\n- Добавлен новый компонент StepperInput\n\n#### Влияние на компоненты\n- Минорное
`stepper-input`\n\n
\n\n#### Что изменилось\n- Добавлена мобильная и десктопная версия компонента\n\n#### Влияние на компоненты\n- Минорное
`number-input`\n\n\n### [#805](https://github.com/core-ds/core-components/pull/805)\n\n#### Что изменилось\n- feat(select): добавлена возможность фильтрации пунктов\n\n#### Влияние на компоненты\n- Минорное
`input-autocomplete` `input` `picker-button` `select`\n\n\n### [#808](https://github.com/core-ds/core-components/pull/808)\n\n#### Что изменилось\n- Добавлены новые пропсы progressStrokeColor и circleColor\n\n#### Влияние на компоненты\n- Минорное
`circular-progress-bar`\n\n\n\n## 42.4.0\n\n\n\n### [#813](https://github.com/core-ds/core-components/pull/813)\n\n#### Что изменилось\n- Изменили дефолтное значение breakpoint с 768 на 1024\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#815](https://github.com/core-ds/core-components/pull/815)\n\n#### Что изменилось\n- Исправлена проблема, из-за которой при включенной пропсе disableUserInput невозможно было переставить фокус клавишей Tab\n\n#### Влияние на компоненты\n- Патчи
`calendar-input` `date-range-input` `date-time-input`\n\n\n### [#823](https://github.com/core-ds/core-components/pull/823)\n\n#### Что изменилось\n- Незначительные исправления компонента\n\n#### Влияние на компоненты\n- Патчи
`input-autocomplete`\n\n\n### [#822](https://github.com/core-ds/core-components/pull/822)\n\n#### Что изменилось\n- Убрали свойство colorStylesMap из общего типа BaseTagProps\n\n#### Влияние на компоненты\n- Патчи
`tag`\n\n\n### [#811](https://github.com/core-ds/core-components/pull/811)\n\n#### Что изменилось\n- Добавлен проп fallback\n\n#### Влияние на компоненты\n- Минорное
`cdn-icon`\n\n\n### [#814](https://github.com/core-ds/core-components/pull/814)\n\n#### Что изменилось\n- Добавлен проп targetTag\n- Исправлена проблема, из-за которой контент тултипа выходил за границы экрана\n\n#### Влияние на компоненты\n- Минорное
`tooltip`\n\n\n### [#821](https://github.com/core-ds/core-components/pull/821)\n\n#### Что изменилось\n- Исправлено ошибка, из-за которой невозможно было выбрать опцию в мобильном селекте\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#818](https://github.com/core-ds/core-components/pull/818)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой после анимации не всегда отображался дочерний элемент в safari\n\n#### Влияние на компоненты\n- Патчи
`collapse`\n\n\n\n## 42.3.1\n\n\n\n### [#819](https://github.com/core-ds/core-components/pull/819)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой невозможно было заменить дефолтные кнопки подтверждения\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n\n## 42.3.0\n\n\n\n### [#809](https://github.com/core-ds/core-components/pull/809)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не сбрасывался выбранный диапозон в мобильном календаре\n\n#### Влияние на компоненты\n- Патчи
`date-range-input`\n\n\n### [#812](https://github.com/core-ds/core-components/pull/812)\n\n#### Что изменилось\n- fix: increased css specificity\n\n#### Влияние на компоненты\n- Патчи
`drawer` `notification` `side-panel`\n\n\n### [#800](https://github.com/core-ds/core-components/pull/800)\n\n#### Что изменилось\n- Добавлены пропы showSkeleton, skeletonProps для скелетонизации текста\n\n#### Влияние на компоненты\n- Минорное
`typography`\n\n\n### [#810](https://github.com/core-ds/core-components/pull/810)\n\n#### Что изменилось\n- Повышена специфичность стилей\n\n#### Влияние на компоненты\n- Патчи
`pagination`\n\n\n### [#799](https://github.com/core-ds/core-components/pull/799)\n\n#### Что изменилось\n- Добавлены новый пропы swipeableMarker и swipeableMarkerClassName\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#803](https://github.com/core-ds/core-components/pull/803)\n\n#### Что изменилось\n- Исправили стили для label в мобильных компонентах CheckboxGroup и RadioGroup\n\n#### Влияние на компоненты\n- Патчи
`checkbox-group` `radio-group`\n\n\n### [#802](https://github.com/core-ds/core-components/pull/802)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой в поле вставлялась лишняя 7 при вводе значения перед +7\n\n#### Влияние на компоненты\n- Патчи
`phone-input`\n\n\n\n## 42.2.1\n\n\n\n### [#806](https://github.com/core-ds/core-components/pull/806)\n\n#### Что изменилось\n- Исправлен коллбек getPortalContainer\n\n#### Влияние на компоненты\n- Патчи
`with-suffix`\n\n\n### [#798](https://github.com/core-ds/core-components/pull/798)\n\n#### Что изменилось\n- Изменен цвет кнопки с view='link'. Теперь фон будет различаться в зависимости от состояния open\n\n#### Влияние на компоненты\n- Патчи
`picker-button`\n\n\n### [#807](https://github.com/core-ds/core-components/pull/807)\n\n#### Что изменилось\n- Исправлено выравнивание success иконки в старых браузерах\n\n#### Влияние на компоненты\n- Патчи
`input`\n\n\n### [#801](https://github.com/core-ds/core-components/pull/801)\n\n#### Что изменилось\n- Исправлена проблема со специфичностью некоторых стилей\n\n#### Влияние на компоненты\n- Патчи
`button`\n\n\n\n## 42.2.0\n\n\n\n### [#785](https://github.com/core-ds/core-components/pull/785)\n\n#### Что изменилось\n- Цвет компонента в выбранном состоянии заменен с красного на зеленый\n\n#### Влияние на компоненты\n- Минорное
`switch` `themes`\n\n\n### [#791](https://github.com/core-ds/core-components/pull/791)\n\n#### Что изменилось\n- Добавлен экспорт back-arrow-addon\n\n#### Влияние на компоненты\n- Минорное
`navigation-bar`\n\n
\n\n#### Что изменилось\n- Добавлена easeInOutQuad функция\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n
\n\n#### Что изменилось\n- Добавлен проп contentProps, componentDivProps\n\n#### Влияние на компоненты\n- Минорное
`base-modal`\n\n
\n\n#### Что изменилось\n- Добавлен новый компонент PopupSheet\n\n#### Влияние на компоненты\n- Минорное
`popup-sheet`\n\n\n### [#790](https://github.com/core-ds/core-components/pull/790)\n\n#### Что изменилось\n- Добавлена функция createPaddingStyle\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n
\n\n#### Что изменилось\n- Добавлен проп padding во все составные части компонента\n- Теперь проп direction будет влиять на расположение кнопок в десктопной версии компонента\n\n#### Влияние на компоненты\n- Минорное
`system-message`\n\n\n### [#787](https://github.com/core-ds/core-components/pull/787)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой появлялся вертикальный скролл при autosize=true\n\n#### Влияние на компоненты\n- Патчи
`textarea`\n\n\n### [#789](https://github.com/core-ds/core-components/pull/789)\n\n#### Что изменилось\n- Добавлен проп initialScreenHintSlot для возможности замены ссылки \"не приходит сообщение\" на кастомный контент\n- Loader заменен на Spinner\n\n#### Влияние на компоненты\n- Минорное
`confirmation`\n\n\n### [#786](https://github.com/core-ds/core-components/pull/786)\n\n#### Что изменилось\n- Исправлена ошибка c ResizeObserver в компоненте TabsCollapsible, возникающая в старых версиях firefox\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#794](https://github.com/core-ds/core-components/pull/794)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой невозможно было программно установить фокус\n\n#### Влияние на компоненты\n- Патчи
`phone-input`\n\n\n### [#792](https://github.com/core-ds/core-components/pull/792)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не всегда выбиралась минимально допустимая дата при указанном minDate\n\n#### Влияние на компоненты\n- Патчи
`calendar`\n\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n#### Что изменилось\n- Добавлены недостающие зависимости в package.json\n\n#### Влияние на компоненты\n- Патчи
`calendar` `calendar-input` `cdn-icon` `custom-picker-button` `date-range-input`
`date-time-input` `drawer` `file-upload-item` `input-autocomplete` `markdown`
`navigation-bar` `plate` `pure-cell` `select` `sortable-list`
\n\n\n\n## 42.1.0\n\n\n\n### [#767](https://github.com/core-ds/core-components/pull/767)\n\n#### Что изменилось\n- Добавлен новый компонент Markdown\n\n#### Влияние на компоненты\n- Минорное
`markdown`\n\n\n\n## 42.0.0\n\n\n\n### [#703](https://github.com/core-ds/core-components/pull/703)\n\n#### Что изменилось\n- Кастомный js скроллбар заменен на css версию\n\n#### Влияние на компоненты\n- Мажорное
`drawer` `side-panel`\n\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n#### Что изменилось\n- Утилиты и константы экспортируются из shared\n\n#### Влияние на компоненты\n- Мажорное
`calendar-input`\n\n
\n\n#### Что изменилось\n- Из index теперь экспортируется responsive версия компонента. Десктопная версия импортируется отсюда -> @alfalab/core-components-calendar/desktop\n- Утилиты и константы экспортируются из shared\n\n#### Влияние на компоненты\n- Мажорное
`calendar`\n\n
\n\n#### Что изменилось\n- Удалена responsive точка входа. (В проектах нужно заменить импорт @alfalab/core-components-calendar/responsive на @alfalab/core-components-calendar)\n\n#### Влияние на компоненты\n- Мажорное
`calendar` `calendar-input` `date-range-input` `date-time-input`\n\n\n### [#708](https://github.com/core-ds/core-components/pull/708)\n\n#### Что изменилось\n- Удалена responsive точка входа\n\n#### Влияние на компоненты\n- Мажорное
`system-message`\n\n\n### [#687](https://github.com/core-ds/core-components/pull/687)\n\n#### Что изменилось\n- Компонент Button заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n#### Влияние на компоненты\n- Минорное
`calendar` `input-autocomplete` `pass-code` `pattern-lock` `select`
`tooltip`\n\n
\n\n#### Что изменилось\n- Для компонента Button добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`button`\n\n\n### [#742](https://github.com/core-ds/core-components/pull/742)\n\n#### Что изменилось\n- Для компонента ToastPlate добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`toast-plate`\n\n
\n\n#### Что изменилось\n- Для компонента Toast добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`toast`\n\n\n### [#709](https://github.com/core-ds/core-components/pull/709)\n\n#### Что изменилось\n- Удалена responsive точка входа.\n- Из индексного файла теперь тянется responsive версия компонента\n- Prop defaultMatch заменен на defaultMatchMediaValue и имеет теперь другой тип\n- Добавлена мобильная версия - TooltipMobile\n\n#### Влияние на компоненты\n- Мажорное
`tooltip`\n\n\n### [#743](https://github.com/core-ds/core-components/pull/743)\n\n#### Что изменилось\n- Для компонента Plate добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`plate`\n\n\n### [#711](https://github.com/core-ds/core-components/pull/711)\n\n#### Что изменилось\n- Удалена responsive точка входа\n\n#### Влияние на компоненты\n- Мажорное
`custom-picker-button`\n\n
\n\n#### Что изменилось\n- Удалена responsive точка входа. Responsive компонент теперь экспортируется из индексного файла\n- Пресеты и утилиты вынесены в shared (@alfalab/core-components/select/shared)\n- Десктопный компонент теперь экспортируется из desktop -> import {SelectDesktop} from '@alfalab/core-components/select/desktop'\n\n#### Влияние на компоненты\n- Мажорное
`select`\n\n
\n\n#### Что изменилось\n- Добавлен проп style\n\n#### Влияние на компоненты\n- Минорное
`skeleton`\n\n
\n\n#### Что изменилось\n- Удалена responsive точка входа.\n\n#### Влияние на компоненты\n- Мажорное
`picker-button`\n\n
\n\n#### Что изменилось\n- Удалена responsive точка входа. Responsive компонент теперь экспортируется из индексного файла\n- Десктопный компонент теперь экспортируется из desktop -> import {InputAutocompleteDesktop} from '@alfalab/core-components/input-autocomplete/desktop'\n\n#### Влияние на компоненты\n- Мажорное
`input-autocomplete`\n\n\n### [#719](https://github.com/core-ds/core-components/pull/719)\n\n#### Что изменилось\n- Поведение плейсхолдера и лейбла изменено на стандартное. Теперь, в дефолтном состоянии, в инпутах с внутренним положением лейбла отображается лейбл, а не плейсхолдер.\n\n#### Влияние на компоненты\n- Минорное
`input-autocomplete` `select`\n\n\n### [#716](https://github.com/core-ds/core-components/pull/716)\n\n#### Что изменилось\n- Компонент FormControl заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n#### Влияние на компоненты\n- Минорное
`select` `input-autocomplete`\n\n
\n\n#### Что изменилось\n- Компонент Input заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n#### Влияние на компоненты\n- Минорное
`date-time-input` `date-range-input`\n\n
\n\n#### Что изменилось\n- Для компонента FormControl добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`form-control`\n\n
\n\n#### Что изменилось\n- Для компонента Input добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`input`\n\n\n### [#705](https://github.com/core-ds/core-components/pull/705)\n\n#### Что изменилось\n- Удалена responsive точка входа. Теперь responsive компонент импортируется из индексного файла.\n\n#### Влияние на компоненты\n- Мажорное
`confirmation`\n\n\n### [#734](https://github.com/core-ds/core-components/pull/734)\n\n#### Что изменилось\n- Для компонента RadioGroup добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`radio-group`\n\n
\n\n#### Что изменилось\n- Для компонента CheckboxGroup добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`checkbox-group`\n\n
\n\n#### Что изменилось\n- В компонентах Radio и Checkbox для выбранных контролов токен фона был изменен на --color-light-graphic-primary в темах default и site\n\n#### Влияние на компоненты\n- Минорное
`radio` `checkbox`\n\n\n### [#731](https://github.com/core-ds/core-components/pull/731)\n\n#### Что изменилось\n- Добавлены пропсы onOffsetChange, onMagnetizeEnd, swipeableContent, swipeThreshold, headerOffset\n- Исправлена ошибка, из-за которой компонент закрывался после события скролла.\n- Исправлена ошибка, из-за которой шторка неверно позиционировалась после свайпа влево/вправо\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#700](https://github.com/core-ds/core-components/pull/700)\n\n#### Что изменилось\n- Для компонента Tag добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`tag`\n\n
\n\n#### Что изменилось\n- Для компонента FilterTag добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`filter-tag`\n\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n#### Что изменилось\n- Новый пакет с общими утилитами и т.п\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n
\n\n#### Что изменилось\n- Теперь каждый пакет публикуется с исходниками\n\n#### Влияние на компоненты\n- Минорное
`action-button` `alert` `amount` `amount-input` `attach`
`backdrop` `badge` `bank-card` `base-modal` `bottom-sheet`
`button` `calendar` `calendar-input` `calendar-range` `calendar-with-skeleton`
`card-image` `cdn-icon` `chart` `checkbox` `checkbox-group`
`circular-progress-bar` `code-input` `collapse` `comment` `confirmation`
`confirmation-v1` `custom-button` `custom-picker-button` `date-input` `date-range-input`
`date-time-input` `divider` `drawer` `dropzone` `file-upload-item`
`filter-tag` `form-control` `gallery` `gap` `generic-wrapper`
`global-store` `grid` `hatching-progress-bar` `icon-button` `icon-view`
`indicator` `input` `input-autocomplete` `intl-phone-input` `keyboard-focusable`
`link` `list` `list-header` `loader` `masked-input`
`modal` `mq` `navigation-bar` `notification` `notification-manager`
`number-input` `pagination` `pass-code` `password-input` `pattern-lock`
`phone-input` `picker-button` `plate` `popover` `portal`
`progress-bar` `pure-cell` `pure-input` `radio` `radio-group`
`scrollbar` `segmented-control` `select` `select-with-tags` `side-panel`
`skeleton` `slider` `slider-input` `sortable-list` `space`
`spinner` `stack` `status` `stepped-progress-bar` `steps`
`switch` `system-message` `table` `tabs` `tag`
`textarea` `time-input` `toast` `toast-plate` `tooltip`
`typography` `underlay` `with-suffix`\n\n\n### [#781](https://github.com/core-ds/core-components/pull/781)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не срабатывал onBlur в мобильном селекте\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#644](https://github.com/core-ds/core-components/pull/644)\n\n#### Что изменилось\n- Удален компонент Modal.Closer (он больше не работает). Вместо него нужно использовать проп hasCloser у Modal.Header\n\n#### Влияние на компоненты\n- Мажорное
`modal`\n\n\n### [#706](https://github.com/core-ds/core-components/pull/706)\n\n#### Что изменилось\n- Удалена responsive точка входа. Теперь responsive компонент импортируется из индексного файла.\n\n#### Влияние на компоненты\n- Мажорное
`modal`\n\n\n### [#771](https://github.com/core-ds/core-components/pull/771)\n\n#### Что изменилось\n- Исправлена типографика в компоненте TitleResponsive для шрифта system с headline-system на headline-system-mobile\n\n#### Влияние на компоненты\n- Мажорное
`typography`\n\n\n### [#704](https://github.com/core-ds/core-components/pull/704)\n\n#### Что изменилось\n- Хуки, общие компоненты и некоторые типы теперь экспортируются из shared (@alfalab/core-components/tabs/shared)\n- Удалена responsive точка входа.\n- Prop defaultMatch заменен на defaultMatchMediaValue и имеет теперь другой тип\n- Удален prop collapsible, вместо него теперь отдельный компонент TabsCollapsible (@alfalab/core-components/tabs/collapsible)\n\n#### Влияние на компоненты\n- Мажорное
`tabs`\n\n\n### [#782](https://github.com/core-ds/core-components/pull/782)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не фиксировался TSortableHeadCell тип заголовка со stickyHeader\n\n#### Влияние на компоненты\n- Патчи
`table`\n\n\n### [#707](https://github.com/core-ds/core-components/pull/707)\n\n#### Что изменилось\n- Удалена responsive точка входа\n\n#### Влияние на компоненты\n- Мажорное
`side-panel`\n\n\n### [#783](https://github.com/core-ds/core-components/pull/783)\n\n#### Что изменилось\n- Расширен тип пропа icon, теперь разрешено передавать ReactElement\n\n#### Влияние на компоненты\n- Минорное
`icon-button`\n\n\n### [#739](https://github.com/core-ds/core-components/pull/739)\n\n#### Что изменилось\n- Для компонента CodeInput добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`code-input`\n\n\n\n## 41.20.0\n\n\n\n### [#780](https://github.com/core-ds/core-components/pull/780)\n\n#### Что изменилось\n- Добавлены пропсы keepMounted, disableAutofocus, disableRestoreFocus, disableEscapeKeyDown\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#775](https://github.com/core-ds/core-components/pull/775)\n\n#### Что изменилось\n- Исправлен перенос контента в options для селекта с выбором кода страны\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#774](https://github.com/core-ds/core-components/pull/774)\n\n#### Что изменилось\n- Исправлены границы выделения выбранного периода при динамической установке значений\n\n#### Влияние на компоненты\n- Патчи
`calendar`\n\n\n### [#777](https://github.com/core-ds/core-components/pull/777)\n\n#### Что изменилось\n- Исправлена ошибка с фокусом в 16 реакте\n\n#### Влияние на компоненты\n- Патчи
`code-input`\n\n\n### [#778](https://github.com/core-ds/core-components/pull/778)\n\n#### Что изменилось\n- Исправлено отображение цветных иконок\n\n#### Влияние на компоненты\n- Патчи
`cdn-icon`\n\n\n### [#776](https://github.com/core-ds/core-components/pull/776)\n\n#### Что изменилось\n- Добавлена возможность передавать дополнительные props в компонент PureCell\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n\n## 41.19.0\n\n\n\n### [#772](https://github.com/core-ds/core-components/pull/772)\n\n#### Что изменилось\n- Добавлен новый пропс shapeClassName для возможности стилизации формы шейпа\n\n#### Влияние на компоненты\n- Минорное
`icon-view`\n\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n#### Что изменилось\n- Удален скрипт отправки статистики (send-stats)\n\n#### Влияние на компоненты\n- Патчи
`action-button` `alert` `amount` `amount-input` `attach`
`backdrop` `badge` `bank-card` `base-modal` `bottom-sheet`
`button` `calendar` `calendar-input` `calendar-range` `calendar-with-skeleton`
`card-image` `cdn-icon` `chart` `checkbox` `checkbox-group`
`circular-progress-bar` `code-input` `collapse` `comment` `confirmation`
`confirmation-v1` `custom-button` `custom-picker-button` `date-input` `divider`
`drawer` `filter-tag` `form-control` `gallery` `gap`
`generic-wrapper` `grid` `hatching-progress-bar` `icon-button` `icon-view`
`indicator` `input` `input-autocomplete` `intl-phone-input` `keyboard-focusable`
`link` `list` `list-header` `loader` `masked-input`
`modal` `mq` `notification` `notification-manager` `number-input`
`pass-code` `phone-input` `picker-button` `plate` `popover`
`portal` `progress-bar` `pure-cell` `pure-input` `radio`
`radio-group` `scrollbar` `segmented-control` `select` `select-with-tags`
`side-panel` `skeleton` `slider` `slider-input` `sortable-list`
`space` `spinner` `status` `stepped-progress-bar` `steps`
`switch` `system-message` `tabs` `tag` `textarea`
`toast` `toast-plate` `tooltip` `typography` `underlay`
`with-suffix`\n\n\n### [#756](https://github.com/core-ds/core-components/pull/756)\n\n#### Что изменилось\n- Добавлены два коллбэка - onCalendarOpen и onCalendarClose\n\n#### Влияние на компоненты\n- Минорное
`calendar-input`\n\n\n### [#768](https://github.com/core-ds/core-components/pull/768)\n\n#### Что изменилось\n- В компоненты CalendarInput, DateRangeInput, DateTimeInput добавлен проп disableUserInput отвечающий за запрет ввода с клавиатуры\n\n#### Влияние на компоненты\n- Минорное
`calendar-input` `date-range-input` `date-time-input`\n\n\n### [#760](https://github.com/core-ds/core-components/pull/760)\n\n#### Что изменилось\n- Добавлены вызовы inputProps хендлеров\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n\n## 41.18.0\n\n\n\n### [#754](https://github.com/core-ds/core-components/pull/754)\n\n#### Что изменилось\n- Pадиус скругления изменен на 12px во всех темах\n\n#### Влияние на компоненты\n- Минорное
`dropzone` `themes`\n\n\n### [#753](https://github.com/core-ds/core-components/pull/753)\n\n#### Что изменилось\n- Добавлен пропс className в слот main\n\n#### Влияние на компоненты\n- Минорное
`pure-cell`\n\n\n### [#757](https://github.com/core-ds/core-components/pull/757)\n\n#### Что изменилось\n- Перевели единицы измерения на русский язык\n\n#### Влияние на компоненты\n- Патчи
`file-upload-item`\n\n\n### [#758](https://github.com/core-ds/core-components/pull/758)\n\n#### Что изменилось\n- В CalendarMobile добавлен проп onMonthTitleClick\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n### [#752](https://github.com/core-ds/core-components/pull/752)\n\n#### Что изменилось\n- Свойство inputClassName передано компоненту инпута\n\n#### Влияние на компоненты\n- Патчи
`calendar-input`\n\n\n\n## 41.17.0\n\n\n\n### [#741](https://github.com/core-ds/core-components/pull/741)\n\n#### Что изменилось\n- Перевод corp темизации на bluetint цвета, приведение компонентов Input, Select к core темизации\n\n#### Влияние на компоненты\n- Минорное
`button` `tabs` `themes` `vars`\n\n\n### [#732](https://github.com/core-ds/core-components/pull/732)\n\n#### Что изменилось\n- Добавлены пропсы размера и выбора закругления определенного угла рамки. Добавлен контент и contentProps с пропсами для настройки отображения контента\n\n#### Влияние на компоненты\n- Минорное
`underlay`\n\n\n\n## 41.15.0\n\n\n\n### [#738](https://github.com/core-ds/core-components/pull/738)\n\n#### Что изменилось\n- fix(steps): make checkIsStepCustom's return value nullable\n\n#### Влияние на компоненты\n- Минорное
`steps`\n\n\n### [#698](https://github.com/core-ds/core-components/pull/698)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой возникал отступ справа от \"глаза\" когда комопонент в состоянии ошибки\n\n#### Влияние на компоненты\n- Патчи
`password-input`\n\n\n### [#746](https://github.com/core-ds/core-components/pull/746)\n\n#### Что изменилось\n- Динамический импорт библиотеки libphonenumber-js в cjs сборках заменен на require\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#745](https://github.com/core-ds/core-components/pull/745)\n\n#### Что изменилось\n- Добавлен usePortal проп\n\n#### Влияние на компоненты\n- Минорное
`base-modal` `bottom-sheet`\n\n\n### [#717](https://github.com/core-ds/core-components/pull/717)\n\n#### Что изменилось\n- Добавлен проп codeFormat в Amount.Pure\n\n#### Влияние на компоненты\n- Патчи
`amount`\n\n\n\n## 41.14.1\n\n\n\n### [#735](https://github.com/core-ds/core-components/pull/735)\n\n#### Что изменилось\n- Изменены боковые отступы для компонента CalendarWithSkeleton\n\n#### Влияние на компоненты\n- Патчи
`calendar-with-skeleton`\n\n\n### [#736](https://github.com/core-ds/core-components/pull/736)\n\n#### Что изменилось\n- Добавлена возможность переопределять props в компоненте InputAutocompleteModalMobile\n\n#### Влияние на компоненты\n- Патчи
`input-autocomplete`\n\n\n\n## 41.14.0\n\n\n\n### [#730](https://github.com/core-ds/core-components/pull/730)\n\n#### Что изменилось\n- Параметры `event` и `payload` в пропе `onClick` передаются всегда\n\n#### Влияние на компоненты\n- Минорное
`tag`\n\n\n\n## 41.13.0\n\n\n\n### [#723](https://github.com/core-ds/core-components/pull/723)\n\n#### Что изменилось\n- Добавлен проп disableFocusLock, отключающий ловушку фокуса\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n\n## 41.12.0\n\n\n\n### [#694](https://github.com/core-ds/core-components/pull/694)\n\n#### Что изменилось\n- Добавлен prop showHeaderWithSelectAll, с помощью которого добавляется чекбокс \"Выбрать все\" в заголовок выпадающего списка\n- Убраны hover-эффекты у опций в мобильной версии\n\n#### Влияние на компоненты\n- Минорное
`select`\n\n\n### [#712](https://github.com/core-ds/core-components/pull/712)\n\n#### Что изменилось\n- обновлены минорные версии @alfalab/utils и @alfalab/data\n\n#### Влияние на компоненты\n- Минорное
`amount-input` `amount` `attach` `confirmation-v1` `confirmation`
`intl-phone-input`\n\n\n\n## 41.11.0\n\n\n\n### [#677](https://github.com/core-ds/core-components/pull/677)\n\n#### Что изменилось\n- Добавлены новые цвета и режимы\n\n#### Влияние на компоненты\n- Минорное
`custom-button` `themes`\n\n\n### [#686](https://github.com/core-ds/core-components/pull/686)\n\n#### Что изменилось\n- Добавлена темизация для АО компоненту SideBar\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n\n### [#675](https://github.com/core-ds/core-components/pull/675)\n\n#### Что изменилось\n- feat(icon-view): Добавлены шейпы Rectangle и NoShape\n\n#### Влияние на компоненты\n- Минорное
`icon-view`\n\n\n### [#692](https://github.com/core-ds/core-components/pull/692)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой отображался некорректный номер при вставке телефона, начинающегося на +7 или 8, из буфера в инпут\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#693](https://github.com/core-ds/core-components/pull/693)\n\n#### Что изменилось\n- Фикс параметра borderRadius, добавлен параметр overflow\n\n#### Влияние на компоненты\n- Минорное
`underlay`\n\n\n\n## 41.10.0\n\n\n\n### [#685](https://github.com/core-ds/core-components/pull/685)\n\n#### Что изменилось\n- Добавлен проп spinnerClassName\n\n#### Влияние на компоненты\n- Минорное
`button`\n\n\n### [#678](https://github.com/core-ds/core-components/pull/678)\n\n#### Что изменилось\n- Добавлен компонент InputAutocompleteModalMobile\n\n#### Влияние на компоненты\n- Минорное
`input-autocomplete`\n\n
\n\n#### Что изменилось\n- Добавлен мобильный entryPoint.\n\n#### Влияние на компоненты\n- Минорное
`select`\n\n\n### [#673](https://github.com/core-ds/core-components/pull/673)\n\n#### Что изменилось\n- В мобильных модальных компонентах кнопка подтверждения теперь находится справа\n\n#### Влияние на компоненты\n- Минорное
`calendar` `input-autocomplete` `select`\n\n\n### [#689](https://github.com/core-ds/core-components/pull/689)\n\n#### Что изменилось\n- showFooter по-умолчанию выставлен в true\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#680](https://github.com/core-ds/core-components/pull/680)\n\n#### Что изменилось\n- Добавлен новый компонент CustomPickerButton\n\n#### Влияние на компоненты\n- Минорное
`custom-picker-button`\n\n\n- Патчи
`picker-button`\n\n\n### [#684](https://github.com/core-ds/core-components/pull/684)\n\n#### Что изменилось\n- Компонент Loader заменен на Spinner\n\n#### Влияние на компоненты\n- Минорное
`action-button`\n\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n#### Что изменилось\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n- Патчи
`calendar-input` `calendar-range` `calendar-with-skeleton` `date-range-input` `date-time-input`
\n\n\n### [#676](https://github.com/core-ds/core-components/pull/676)\n\n#### Что изменилось\n- Обновлена зависимость @alfalab/hooks\n\n#### Влияние на компоненты\n- Патчи
`action-button` `button` `calendar` `calendar-input` `checkbox`
`confirmation` `confirmation-v1` `filter-tag` `gallery` `input`
`input-autocomplete` `intl-phone-input` `keyboard-focusable` `link` `plate`
`pure-cell` `pure-input` `radio` `segmented-control` `select-with-tags`
`spinner` `switch` `tag` `textarea` `toast`
`tooltip`\n\n\n### [#690](https://github.com/core-ds/core-components/pull/690)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не выбиралась опция в React 18 на мобильных устройствах\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n\n## 41.9.0\n\n\n\n### [#681](https://github.com/core-ds/core-components/pull/681)\n\n#### Что изменилось\n- Поправлен размер шрифта у заголовка\n\n#### Влияние на компоненты\n- Патчи
`side-panel`\n\n\n### [865f8b492](https://github.com/core-ds/core-components/commit/865f8b4922e46a8011187447783fc26216846591)\n\n#### Что изменилось\n- Убран лишний пробел на мобильном hint-экране\n\n#### Влияние на компоненты\n- Патчи
`confirmation`\n\n\n### [#670](https://github.com/core-ds/core-components/pull/670)\n\n#### Что изменилось\n- feat(indicator): Добавлен новый компонент Indicator\n\n#### Влияние на компоненты\n- Минорное
`indicator`\n\n\n### [#679](https://github.com/core-ds/core-components/pull/679)\n\n#### Что изменилось\n- Добавлено значение auto для растягивания контента по всей высоте компонента Addon\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#665](https://github.com/core-ds/core-components/pull/665)\n\n#### Что изменилось\n- В компонент CalendarRange добавлено свойство returnInvalidDates, которое возвращает в коллбеке onChange невалидные даты\n\n#### Влияние на компоненты\n- Минорное
`calendar-range`\n\n\n\n## 41.8.0\n\n\n\n### [#668](https://github.com/core-ds/core-components/pull/668)\n\n#### Что изменилось\n- Токен белого цвета изменен на static\n\n#### Влияние на компоненты\n- Патчи
`switch`\n\n\n### [#674](https://github.com/core-ds/core-components/pull/674)\n\n#### Что изменилось\n- Изменена дефолтная высота компонента\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#657](https://github.com/core-ds/core-components/pull/657)\n\n#### Что изменилось\n- В компонент Calendar добавлено свойство showCurrentYearSelector , отвечающее за отображение текущего года\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n### [#667](https://github.com/core-ds/core-components/pull/667)\n\n#### Что изменилось\n- Изменены токены цвета иконок на static\n\n#### Влияние на компоненты\n- Патчи
`checkbox` `radio` `themes`\n\n\n### [#635](https://github.com/core-ds/core-components/pull/635)\n\n#### Что изменилось\n- Расширена область нажатия для кнопок в компонентах DateRangeInput, DateTimeInput, PasswordInput\n\n#### Влияние на компоненты\n- Патчи
`date-range-input` `date-time-input` `password-input`\n\n
\n\n#### Что изменилось\n- В компонент IconButton добавлен пропс alignIcon, отвечающий за выравнивание иконки\n\n#### Влияние на компоненты\n- Минорное
`icon-button`\n\n
\n\n#### Что изменилось\n- Обновлена версия пакета @alfalab/icons-glyph в зависимостях\n\n#### Влияние на компоненты\n- Патчи
`attach` `bank-card` `calendar` `checkbox` `confirmation-v1`
`confirmation` `dropzone` `file-upload-item` `gallery` `input`
`modal` `navigation-bar` `pass-code` `password-input` `picker-button`
`select-with-tags` `select` `sortable-list` `steps` `toast-plate`
\n\n\n### [#659](https://github.com/core-ds/core-components/pull/659)\n\n#### Что изменилось\n- dataTestId теперь устанавливается и на кнопку таба, а не только на контент\n\n#### Влияние на компоненты\n- Минорное
`tabs`\n\n\n### [#672](https://github.com/core-ds/core-components/pull/672)\n\n#### Что изменилось\n- Добавлена возможность прокидывать обработчик нажатия на период в шапке со слайдером\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n### [#666](https://github.com/core-ds/core-components/pull/666)\n\n#### Что изменилось\n- Для активного таба токены фона и текста изменены на static\n\n#### Влияние на компоненты\n- Патчи
`segmented-control`\n\n\n\n## 41.7.0\n\n\n\n### [#661](https://github.com/core-ds/core-components/pull/661)\n\n#### Что изменилось\n- Добавлен параметр maxDialCodeLength в компонент intl-phone-input, который задаёт максимальную длину телефонного кода страны\n\n#### Влияние на компоненты\n- Минорное
`intl-phone-input`\n\n\n\n## 41.6.0\n\n\n\n### [#658](https://github.com/core-ds/core-components/pull/658)\n\n#### Что изменилось\nИзменения для Corp theme:\n 1. Перевод цветовой палитры с bluetint на indigo\n 2. Приведение компонентов Select, Input, Button к прошлому виду\n\n#### Влияние на компоненты\n- Минорное
`button` `tabs` `themes` `vars`\n\n\n\n## 41.5.0\n\n\n\n### [#643](https://github.com/core-ds/core-components/pull/643)\n\n#### Что изменилось\n- Добавлен новый проп extraBounds, за счет которого можно увеличить площадь прослушивания события touchMove\n\n#### Влияние на компоненты\n- Минорное
`pattern-lock`\n\n\n### [#652](https://github.com/core-ds/core-components/pull/652)\n\n#### Что изменилось\n- Исправлены ошибки, из-за которых onChange вызывался на первый рендер компонента и не работал проп onInputChange\n\n#### Влияние на компоненты\n- Патчи
`calendar-range`\n\n\n### [#636](https://github.com/core-ds/core-components/pull/636)\n\n#### Что изменилось\n- В компоненте Button удалена темизация site для всех view, кроме 'primary'\n\n#### Влияние на компоненты\n- Минорное
`button` `themes`\n\n\n### [#647](https://github.com/core-ds/core-components/pull/647)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой неверно вычислялось свойство контекста hasScroll в мобильной версии компонента\n\n#### Влияние на компоненты\n- Патчи
`side-panel`\n\n\n### [#654](https://github.com/core-ds/core-components/pull/654)\n\n#### Что изменилось\n- Удалены лишние dependencies, добавлены отсутствующие\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet` `confirmation` `filter-tag` `intl-phone-input` `modal`
`pagination` `pattern-lock` `phone-input` `picker-button` `side-panel`
`slider` `slider-input` `tabs` `time-input` `underlay`
\n\n\n### [#655](https://github.com/core-ds/core-components/pull/655)\n\n#### Что изменилось\n- Исправлена генерация идентификаторов для изображений\n\n#### Влияние на компоненты\n- Патчи
`icon-view`\n\n\n### [#649](https://github.com/core-ds/core-components/pull/649)\n\n#### Что изменилось\n- Исправлен паттерн с positiveOnly={false}\n\n#### Влияние на компоненты\n- Патчи
`amount-input`\n\n\n### [#648](https://github.com/core-ds/core-components/pull/648)\n\n#### Что изменилось\n- Немного изменен функционал определения высоты выпадающего списка. Сейчас, если задан параметр visibleOptions и кол-во опций превышает этот параметр только на единицу, то будут отображаться все опции\n\n#### Влияние на компоненты\n- Минорное
`select`\n\n\n\n## 41.4.0\n\n\n\n### [#633](https://github.com/core-ds/core-components/pull/633)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой при пустом значении defaultCountryIso2 неверно форматировались российские номера\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#645](https://github.com/core-ds/core-components/pull/645)\n\n#### Что изменилось\n- Изменение вида primary и accent кнопок в corp theme\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n\n### [#629](https://github.com/core-ds/core-components/pull/629)\n\n#### Что изменилось\n- Исправлены заголовки в теме click\n\n#### Влияние на компоненты\n- Патчи
`system-message` `themes`\n\n\n### [#646](https://github.com/core-ds/core-components/pull/646)\n\n#### Что изменилось\n- Исправлена ошибка с типами в responsive компоненте\n\n#### Влияние на компоненты\n- Патчи
`input-autocomplete`\n\n\n\n## 41.3.1\n\n\n\n### [#622](https://github.com/core-ds/core-components/pull/622)\n\n#### Что изменилось\n- Убраны отрицательные отступы справа для списка тэгов, теперь тэги не будут выходить за пределы контейнера\n\n#### Влияние на компоненты\n- Патчи
`checkbox-group` `radio-group`\n\n\n### [#642](https://github.com/core-ds/core-components/pull/642)\n\n#### Что изменилось\n- Исправлена ошибка с прокидкой пропсов в OptionsList в мобильной версии компонента\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n\n## 41.3.0\n\n\n\n### [#631](https://github.com/core-ds/core-components/pull/631)\n\n#### Что изменилось\nПеревод Corp темы с indigo на bluetint\nПриведение компонентов Button, Input в Corp теме к default Core view\n\n#### Влияние на компоненты\n- Минорное
`button` `tabs` `themes` `vars`\n\n\n\n## 41.2.0\n\n\n\n### [#623](https://github.com/core-ds/core-components/pull/623)\n\n#### Что изменилось\n- Tокены 'dark' заменены на аналогичные 'light'\n\n#### Влияние на компоненты\n- Патчи
`filter-tag` `tag` `themes` `vars`\n\n\n### [#632](https://github.com/core-ds/core-components/pull/632)\n\n#### Что изменилось\n- Исправлено название свойства strokeDasharray (strokeDashArray -> strokeDasharray)\n\n#### Влияние на компоненты\n- Патчи
`chart`\n\n\n### [#630](https://github.com/core-ds/core-components/pull/630)\n\n#### Что изменилось\n- Исправлен тип magneticAreas\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet`\n\n\n### [#616](https://github.com/core-ds/core-components/pull/616)\n\n#### Что изменилось\n- Добавлены пропсы dayAddons - отвечает за дополнительный контент под числом, shape - форма ячейки дня (круглая или прямоугольная)\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n### [#619](https://github.com/core-ds/core-components/pull/619)\n\n#### Что изменилось\n- Добавлена пропса colors отвечающая за смену default и inverted режимов\n\n#### Влияние на компоненты\n- Минорное
`stepped-progress-bar`\n\n\n### [#625](https://github.com/core-ds/core-components/pull/625)\n\n#### Что изменилось\n- Исправлен радиус скругления для прямоугольной формы компонента\n\n#### Влияние на компоненты\n- Патчи
`segmented-control`\n\n\n### [#621](https://github.com/core-ds/core-components/pull/621)\n\n#### Что изменилось\n- Добавлены пропсы color - цветовое оформление бейджа при view='count' и iconUnderlayColor - цвет подложки под иконкой\n\n#### Влияние на компоненты\n- Минорное
`badge`\n\n\n\n## 41.1.0\n\n\n\n### [#618](https://github.com/core-ds/core-components/pull/618)\n\n#### Что изменилось\n- Исправлено скругление рамки при использовании `view=\"hint\"`\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n### [#628](https://github.com/core-ds/core-components/pull/628)\n\n#### Что изменилось\n- Добавлена переменная --navigation-bar-closer-mobile-color для управления цветом мобильной версии Closer.\n- Добавлена темизация click мобильной версии Closer\n\n#### Влияние на компоненты\n- Минорное
`navigation-bar` `themes`\n\n\n### [#613](https://github.com/core-ds/core-components/pull/613)\n\n#### Что изменилось\n- Обновлен дизайн в компоненте Textarea\n\n#### Влияние на компоненты\n- Патчи
`form-control` `textarea`\n\n\n\n## 41.0.1\n\n\n\n### [#624](https://github.com/core-ds/core-components/pull/624)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не исчезали точки при стирании кода на старых iPhone\n\n#### Влияние на компоненты\n- Патчи
`pass-code`\n\n\n\n## 41.0.0\n\n\n\n### [#615](https://github.com/core-ds/core-components/pull/615)\n\n#### Что изменилось\n- Обновлена зависимость react-swipeable до 7.0.0\n\n#### Влияние на компоненты\n- Патчи
`notification`\n\n
\n\n#### Что изменилось\n- Проп invisible теперь привязан к пропу open CssTransitionGroup\n\n#### Влияние на компоненты\n- Патчи
`backdrop`\n\n
\n\n#### Что изменилось\n- Добавлены магнитные области. Полное описание изменений в [#615](https://github.com/core-ds/core-components/pull/615)\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n
\n\n#### Что изменилось\n- Компонент был обернут в forwardRef\n\n#### Влияние на компоненты\n- Минорное
`navigation-bar`\n\n\n### [#620](https://github.com/core-ds/core-components/pull/620)\n\n#### Что изменилось\n- Обновлённая типографика: миксины promo-mobile и promo-system-mobile\n\n#### Влияние на компоненты\n- Минорное
`vars`\n\n\n### [#599](https://github.com/core-ds/core-components/pull/599)\n\n#### Что изменилось\n### Переработана работа компонента SelectMobile с подтверждением.\n\nТеперь для использования выбора опций с подтверждением необходимо использовать внешнее состояние, также как и в десктопной версии компонента.\n\n#### Влияние на компоненты\n- Мажорное
`select`\n\n\n### [#607](https://github.com/core-ds/core-components/pull/607)\n\n#### Что изменилось\n- Добавлены новые пропс valueTo - второе значение диапазона и behaviour - определяет поведение ползунка\n\n#### Влияние на компоненты\n- Минорное
`slider`\n\n\n\n## 40.2.0\n\n\n\n### [#604](https://github.com/core-ds/core-components/pull/604)\n\n#### Что изменилось\n- Добавлен новый prop backgroundColor\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet` `vars`\n\n\n### [#612](https://github.com/core-ds/core-components/pull/612)\n\n#### Что изменилось\n- Исправлены отступы\n\n#### Влияние на компоненты\n- Патчи
`calendar` `calendar-input`\n\n\n### [#603](https://github.com/core-ds/core-components/pull/603)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой трек слайдера исчезал при зуме\n\n#### Влияние на компоненты\n- Патчи
`slider`\n\n\n### [#556](https://github.com/core-ds/core-components/pull/556)\n\n#### Что изменилось\n- Заданы статичные цвета для компонента Gallery. Добавлены новые css-переменные.\n\n#### Влияние на компоненты\n- Минорное
`gallery` `vars`\n\n\n### [#614](https://github.com/core-ds/core-components/pull/614)\n\n#### Что изменилось\n- Добавлен новый необязательный prop container для прокидывания в компонент Portal\n\n#### Влияние на компоненты\n- Минорное
`notification-manager`\n\n\n\n## 40.1.0\n\n\n\n### [#606](https://github.com/core-ds/core-components/pull/606)\n\n#### Что изменилось\n- Кнопки в состоянии disabled в теме click теперь соответствуют default\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n\n### [#605](https://github.com/core-ds/core-components/pull/605)\n\n#### Что изменилось\n- Переработан кастомный скроллбар. Теперь используется CSS реализация.\n\n#### Влияние на компоненты\n- Минорное
`textarea`\n\n\n### [#589](https://github.com/core-ds/core-components/pull/589)\n\n#### Что изменилось\n- Добавлен новый пропс allowOverflow отвечающий за добавление логики переполнения, если количество символов превышает maxLength\n\n#### Влияние на компоненты\n- Минорное
`textarea`\n\n\n\n## 40.0.0\n\n\n\n### [#597](https://github.com/core-ds/core-components/pull/597)\n\n#### Что изменилось\n- Изменен цвет фона инпута\n\n#### Влияние на компоненты\n- Патчи
`code-input`\n\n\n### [#602](https://github.com/core-ds/core-components/pull/602)\n\n#### Что изменилось\n- Небольшое исправление компонента\n\n#### Влияние на компоненты\n- Патчи
`picker-button`\n\n\n### [#586](https://github.com/core-ds/core-components/pull/586)\n\n#### Что изменилось\n- Исправлен порядок обновления pips и value. Раньше при одновременном изменении pips и value слайдер устанавливался на неверную позицию\n\n#### Влияние на компоненты\n- Патчи
`slider`\n\n\n### [#584](https://github.com/core-ds/core-components/pull/584)\n\n#### Что изменилось\n- Удалены хардкод стили выпадающего списка. Теперь стили такие же как и у селекта\n\n#### Влияние на компоненты\n- Патчи
`picker-button`\n\n\n### [#582](https://github.com/core-ds/core-components/pull/582)\n\n#### Что изменилось\nДефолтная тема сменит палитру Indigo на палитру Bluetint.\n\nОсновные изменения:\n- Изменятся оттенки серого, тёмный режим начнёт выглядеть хорошо, а веб интерфейсы в дефолтной теме будут еще больше похожи на нативные мобильные.\n- Вместе с изменением палитры будет перекрашена Primary-кнопка. Она станет чёрной, как в мобилке. Недавно добавленная Accent-кнопка останется красной.\n\nЕсли в своём продукте вы хотите чтобы кнопки, которые используются у вас в интерфейсе, остались красными, то используйте [кодмод](https://www.npmjs.com/package/@alfalab/core-components-codemod/v/2.3.1), который заменит во всех кнопках view=primary на view=accent. Тогда они останутся красными.\n\nТакже если вы используете индексный файл с переменными (vars/index.css) , то рекомендуем вам [перейти на один из бандлов](https://github.com/core-ds/core-components/tree/master/packages/vars/src/bundle), подготовленных под продукты (например, vars/bundle/click.css).\nВ этих бандлах всегда будет правильный набор переменных для вашего продукта. Если в продукте встречаются очень старые deprecated цвета из файла vars/colors.css, дополнительно подключите его (Он всё ещё есть в индексном файле, но в бандлы его уже не добавляли).\n\n#### Влияние на компоненты\n- Мажорное
`button` `themes` `vars`\n\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n#### Что изменилось\n- Добавлен \\_\\_esModule в cjs экспорт\n\n#### Влияние на компоненты\n- Патчи
`base-modal` `collapse` `drawer` `intl-phone-input` `modal`
`space` `toast` `action-button` `alert` `amount`
`amount-input` `attach` `backdrop` `badge` `bank-card`
`bottom-sheet` `button` `calendar` `calendar-input` `calendar-range`
`calendar-with-skeleton` `card-image` `cdn-icon` `chart` `checkbox`
`checkbox-group` `circular-progress-bar` `code-input` `comment` `confirmation`
`confirmation-v1` `custom-button` `date-input` `date-range-input` `date-time-input`
`divider` `dropzone` `file-upload-item` `filter-tag` `form-control`
`gallery` `gap` `generic-wrapper` `global-store` `grid`
`hatching-progress-bar` `icon-button` `icon-view` `input` `input-autocomplete`
`keyboard-focusable` `link` `list` `list-header` `loader`
`masked-input` `mq` `navigation-bar` `notification` `notification-manager`
`number-input` `pagination` `pass-code` `password-input` `pattern-lock`
`phone-input` `picker-button` `plate` `popover` `portal`
`progress-bar` `pure-cell` `pure-input` `radio` `radio-group`
`scrollbar` `segmented-control` `select` `select-with-tags` `side-panel`
`skeleton` `slider` `slider-input` `sortable-list` `spinner`
`stack` `status` `stepped-progress-bar` `steps` `switch`
`system-message` `table` `tabs` `tag` `textarea`
`themes` `time-input` `toast-plate` `tooltip` `typography`
`underlay` `vars` `with-suffix`\n\n\n### [#601](https://github.com/core-ds/core-components/pull/601)\n\n#### Что изменилось\n- Добавлена очистка таймера при анмаунте компонента\n\n#### Влияние на компоненты\n- Патчи
`toast`\n\n\n### [#587](https://github.com/core-ds/core-components/pull/587)\n\n#### Что изменилось\n- Добавлена переменная в css для фона в компоненте IconView\n\n#### Влияние на компоненты\n- Патчи
`icon-view`\n\n\n### [#558](https://github.com/core-ds/core-components/pull/558)\n\n#### Что изменилось\n- Добавлены пропсы childrenRef и childrenClassName, добавлен стиль white-space: nowrap;\n\n#### Влияние на компоненты\n- Минорное
`tag`\n\n\n### [#580](https://github.com/core-ds/core-components/pull/580)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой неверно удалялись символы из выбранного диапозона\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#598](https://github.com/core-ds/core-components/pull/598)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой у Select-а в задизейбленном состоянии менялся фон при фокусировке\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n\n## 39.4.0\n\n\n\n### [#579](https://github.com/core-ds/core-components/pull/579)\n\n#### Что изменилось\n- Добавлены новые правила форматирования для DateInput, DateRangeInput, DateTimeInput\n\n#### Влияние на компоненты\n- Минорное
`date-input` `date-range-input` `date-time-input`\n\n\n### [#595](https://github.com/core-ds/core-components/pull/595)\n\n#### Что изменилось\n- Добавлены пропы closerClassName и closerWrapperClassname\n\n#### Влияние на компоненты\n- Патчи
`toast-plate`\n\n\n\n## 39.3.0\n\n\n\n### [#565](https://github.com/core-ds/core-components/pull/565)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не вызывался onChange, если было передано недопустимое значение\n\n#### Влияние на компоненты\n- Патчи
`number-input`\n\n\n### [#585](https://github.com/core-ds/core-components/pull/585)\n\n#### Что изменилось\n- Исправлены стили бордера выпадающего списка\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#576](https://github.com/core-ds/core-components/pull/576)\n\n#### Что изменилось\n- Добавлен новый компонент SystemMessage\n\n#### Влияние на компоненты\n- Минорное
`system-message`\n\n\n### [#571](https://github.com/core-ds/core-components/pull/571)\n\n#### Что изменилось\n- Добавлен новый breakpoint - mobile-xs\n\n#### Влияние на компоненты\n- Минорное
`grid`\n\n\n### [#567](https://github.com/core-ds/core-components/pull/567)\n\n#### Что изменилось\n- Ограничена максимальная ширина компонента ModalMobile до 600px\n\n#### Влияние на компоненты\n- Патчи
`modal`\n\n\n### [#568](https://github.com/core-ds/core-components/pull/568)\n\n#### Что изменилось\n- Ограничена максимальная ширина компонента SidePanelMobile до 600px\n\n#### Влияние на компоненты\n- Патчи
`side-panel`\n\n\n\n## 39.2.1\n\n\n\n### [#557](https://github.com/core-ds/core-components/pull/557)\n\n#### Что изменилось\n- Добавлены бордеры у выпадающих меню\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet` `calendar-input` `calendar-with-skeleton` `date-range-input` `date-time-input`
`picker-button` `select` `tooltip`\n\n\n### [#554](https://github.com/core-ds/core-components/pull/554)\n\n#### Что изменилось\n- Изменена ширина бордера с 2 пикселей на 1\n\n#### Влияние на компоненты\n- Патчи
`dropzone`\n\n\n\n## 39.2.0\n\n\n\n### [#547](https://github.com/core-ds/core-components/pull/547)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой контент с z-index, отличным от auto, наезжал на sticky footer\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet`\n\n\n### [#566](https://github.com/core-ds/core-components/pull/566)\n\n#### Что изменилось\n- Изменен цвет иконки в теме click\n\n#### Влияние на компоненты\n- Патчи
`icon-view` `themes`\n\n\n### [#564](https://github.com/core-ds/core-components/pull/564)\n\n#### Что изменилось\n- Значение value при сбросе изменено на null\n\n#### Влияние на компоненты\n- Патчи
`number-input`\n\n\n### [#561](https://github.com/core-ds/core-components/pull/561)\n\n#### Что изменилось\n- Замена css-переменных для миксина кнопок в corp теме на переменные из default темы\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n\n### [#546](https://github.com/core-ds/core-components/pull/546)\n\n#### Что изменилось\n- Обновление vars из последней версии ui-primitives, deprecated и 'old' цвета отмечены комментарием /* deprecated */\n\n#### Влияние на компоненты\n- Патчи
`themes` `vars`\n\n\n### [#574](https://github.com/core-ds/core-components/pull/574)\n\n#### Что изменилось\n- Сброшена темизация скругления в теме intranet для shape: rounded\n\n#### Влияние на компоненты\n- Минорное
`tag` `themes`\n\n\n### [#550](https://github.com/core-ds/core-components/pull/550)\n\n#### Что изменилось\n- Исправлен цвет выделения диапазона в темной теме\n\n#### Влияние на компоненты\n- Патчи
`calendar` `themes` `vars`\n\n\n### [#569](https://github.com/core-ds/core-components/pull/569)\n\n#### Что изменилось\n- Исправлены типы в InputAutocompleteResponsive\n\n#### Влияние на компоненты\n- Патчи
`input-autocomplete`\n\n\n### [#555](https://github.com/core-ds/core-components/pull/555)\n\n#### Что изменилось\n- Убрана фокусная рамка\n\n#### Влияние на компоненты\n- Патчи
`scrollbar`\n\n\n### [#563](https://github.com/core-ds/core-components/pull/563)\n\n#### Что изменилось\n- Исправлены стили диапозона в календаре\n\n#### Влияние на компоненты\n- Патчи
`calendar`\n\n\n### [#549](https://github.com/core-ds/core-components/pull/549)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой контент с z-index, отличным от auto, наезжал на sticky footer и header\n\n#### Влияние на компоненты\n- Патчи
`modal`\n\n\n### [#551](https://github.com/core-ds/core-components/pull/551)\n\n#### Что изменилось\n- Исправлена высота плашки при наличии аддонов\n\n#### Влияние на компоненты\n- Патчи
`plate`\n\n\n### [#548](https://github.com/core-ds/core-components/pull/548)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой контент с z-index, отличным от auto, наезжал на sticky footer и header\n\n#### Влияние на компоненты\n- Патчи
`side-panel`\n\n\n### [#562](https://github.com/core-ds/core-components/pull/562)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой компоненты обёрнутые в PureCell.Text не получали стили от Typography\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#542](https://github.com/core-ds/core-components/pull/542)\n\n#### Что изменилось\n- Добавили props colorMarker и caption, отвечающие за цвет маркера и дополнительный текст. Изменили размер контейнера для маркера\n\n#### Влияние на компоненты\n- Минорное
`list`\n\n\n\n## 39.1.1\n\n\n\n### [#559](https://github.com/core-ds/core-components/pull/559)\n\n#### Что изменилось\n- Фикс доступности с клавиатуры, добавление скриншот тестов для компонентов с использованием Tag\n\n#### Влияние на компоненты\n- Патчи
`checkbox-group` `radio-group`\n\n\n### [#545](https://github.com/core-ds/core-components/pull/545)\n\n#### Что изменилось\n- Добавлен пропс hideCountdownSection, с помощью которого можно скрыть секцию с обратным отсчетом и кнопкой с повторным запросом кода\n\n#### Влияние на компоненты\n- Патчи
`confirmation`\n\n\n### [#570](https://github.com/core-ds/core-components/pull/570)\n\n#### Что изменилось\n- Исправлено выравнивание по центру\n\n#### Влияние на компоненты\n- Патчи
`navigation-bar`\n\n\n\n## 39.1.0\n\n\n\n### [c8ff5d47b](https://github.com/core-ds/core-components/commit/c8ff5d47b5326a0ffbb5f0b751fa45d80770a8e9)\n\n#### Что изменилось\n- Удален line-height\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#540](https://github.com/core-ds/core-components/pull/540)\n\n#### Что изменилось\n- Изменена нода с overflow: auto в SidePanelMobile\n\n#### Влияние на компоненты\n- Патчи
`base-modal` `bottom-sheet` `modal` `navigation-bar` `side-panel`
\n\n\n### [#543](https://github.com/core-ds/core-components/pull/543)\n\n#### Что изменилось\n- Исправлен цвет лоадера в mobile, click, intranet темах\n\n#### Влияние на компоненты\n- Патчи
`button` `themes`\n\n\n### [#528](https://github.com/core-ds/core-components/pull/528)\n\n#### Что изменилось\n- Добавлен новый компонент SegmentedControl.\n\n#### Влияние на компоненты\n- Минорное
`segmented-control`\n\n\n\n## 39.0.0\n\n\n\n### [#494](https://github.com/core-ds/core-components/pull/494)\n\n#### Что изменилось\n- В ModalContext у base-modal добавлен ref на div-обертку модальных окон\n- У компонентов Modal, SidePanel и BottomSheet обновлён компонент заголовка и изменены основные отступы
\n\n#### Влияние на компоненты\n- Мажорное
`bottom-sheet` `modal` `side-panel`\n\n\n- Минорное
`base-modal` `navigation-bar`\n\n\n- Патчи
`themes`\n\n\n### [#531](https://github.com/core-ds/core-components/pull/531)\n\n#### Что изменилось\n- Добавлены static цвета для Typography\n\n#### Влияние на компоненты\n- Минорное
`typography`\n\n\n### [#532](https://github.com/core-ds/core-components/pull/532)\n\n#### Что изменилось\n- Добавлен новый компонент SortableList\n\n#### Влияние на компоненты\n- Минорное
`sortable-list`\n\n\n### [#521](https://github.com/core-ds/core-components/pull/521)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не вызывался onLoad callback\n\n#### Влияние на компоненты\n- Патчи
`card-image`\n\n\n### [#511](https://github.com/core-ds/core-components/pull/511)\n\n#### Что изменилось\n- Добавлен новый компонент Underlay\n\n#### Влияние на компоненты\n- Минорное
`underlay`\n\n\n\n## 38.4.0\n\n\n\n### [#516](https://github.com/core-ds/core-components/pull/516)\n\n#### Что изменилось\n- Добавлена кнопка \"Забыли код?\"\n\n#### Влияние на компоненты\n- Минорное
`pattern-lock`\n\n\n### [#517](https://github.com/core-ds/core-components/pull/517)\n\n#### Что изменилось\n- Изменили внутренний компонент с MaskedInput на Input\n\n#### Влияние на компоненты\n- Патчи
`number-input`\n\n\n### [#498](https://github.com/core-ds/core-components/pull/498)\n\n#### Что изменилось\n- Добавлены новые пропс shape и view отвечающие за форму и стиль тега\n\n#### Влияние на компоненты\n- Минорное
`filter-tag` `tag`\n\n\n### [#490](https://github.com/core-ds/core-components/pull/490)\n\n#### Что изменилось\n- Добавлен новый пропс onClose - обработчик закрытия календаря\n\n#### Влияние на компоненты\n- Патчи
`date-range-input`\n\n\n### [#513](https://github.com/core-ds/core-components/pull/513)\n\n#### Что изменилось\n- Изменены типы onChange коллбэка.\n\n#### Влияние на компоненты\n- Патчи
`checkbox` `checkbox-group` `radio` `radio-group` `switch`
\n\n\n### [#504](https://github.com/core-ds/core-components/pull/504)\n\n#### Что изменилось\n- Исправлена ошибка с label в SelectMobile. Теперь, чтобы задать заголовок выпадающему списку достаточно передать только проп label. До исправления заголовок устанавливался только пропом placeholder\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#534](https://github.com/core-ds/core-components/pull/534)\n\n#### Что изменилось\n- Удалены restProps\n\n#### Влияние на компоненты\n- Патчи
`filter-tag`\n\n\n### [#525](https://github.com/core-ds/core-components/pull/525)\n\n#### Что изменилось\n- Исправлены отступы с labelView='outer'\n\n#### Влияние на компоненты\n- Патчи
`select-with-tags`\n\n\n### [#507](https://github.com/core-ds/core-components/pull/507)\n\n#### Что изменилось\n- Исправлены ошибки, из-за которых компонент неверно реагировал на изменение свойства value извне и неверно отображался активный месяц в календаре\n\n#### Влияние на компоненты\n- Патчи
`date-range-input`\n\n\n### [#524](https://github.com/core-ds/core-components/pull/524)\n\n#### Что изменилось\n- Исправлен баг, из-за которого отсутствовал hover-эффект на старых браузерах\n\n#### Влияние на компоненты\n- Патчи
`filter-tag`\n\n\n### [#537](https://github.com/core-ds/core-components/pull/537)\n\n#### Что изменилось\n- Доработан скрипт сборки тем\n\n#### Влияние на компоненты\n- Патчи
`vars` `themes`\n\n\n### [#527](https://github.com/core-ds/core-components/pull/527)\n\n#### Что изменилось\n- Добавлен новый view: 'accent'\n\n#### Влияние на компоненты\n- Минорное
`button`\n\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n#### Что изменилось\n- В зависимости добавлена библиотека tslib\n\n#### Влияние на компоненты\n- Патчи
`action-button` `alert` `amount` `amount-input` `attach`
`backdrop` `badge` `bank-card` `base-modal` `bottom-sheet`
`button` `calendar` `calendar-input` `calendar-range` `calendar-with-skeleton`
`card-image` `cdn-icon` `chart` `checkbox` `checkbox-group`
`circular-progress-bar` `code-input` `collapse` `comment` `confirmation`
`confirmation-v1` `custom-button` `date-input` `date-range-input` `date-time-input`
`divider` `drawer` `dropzone` `file-upload-item` `filter-tag`
`form-control` `gallery` `gap` `generic-wrapper` `grid`
`hatching-progress-bar` `icon-button` `icon-view` `input` `input-autocomplete`
`intl-phone-input` `keyboard-focusable` `link` `list` `list-header`
`loader` `masked-input` `modal` `mq` `notification`
`notification-manager` `number-input` `pagination` `pass-code` `password-input`
`pattern-lock` `phone-input` `picker-button` `plate` `popover`
`portal` `progress-bar` `pure-cell` `pure-input` `radio`
`radio-group` `scrollbar` `select` `select-with-tags` `side-panel`
`skeleton` `slider` `slider-input` `space` `spinner`
`stack` `status` `stepped-progress-bar` `steps` `switch`
`table` `tabs` `tag` `textarea` `time-input`
`toast` `toast-plate` `tooltip` `typography` `with-suffix`
\n\n\n### [#522](https://github.com/core-ds/core-components/pull/522)\n\n#### Что изменилось\n- Исправлена TS ошибка \"ref does not exist on type\"\n\n#### Влияние на компоненты\n- Патчи
`calendar-input` `date-range-input` `date-time-input` `calendar` `input-autocomplete`
\n\n\n\n## 38.3.0\n\n\n\n
Версия не рекомендуется к использованию, сломана темизация, используйте 38.4.0 и выше.
\n\n### [#529](https://github.com/core-ds/core-components/pull/529)\n\n#### Что изменилось\n- В `PureCell.Text` добавлена пропса `titleWeight` и два варианта `view`\n\n#### Влияние на компоненты\n- Минорное
`pure-cell`\n\n\n\n## 38.2.0\n\n\n\n
Версия не рекомендуется к использованию, сломана темизация, используйте 38.4.0 и выше.
\n\n### [#520](https://github.com/core-ds/core-components/pull/520)\n\n#### Что изменилось\n- Исправлено некорректное поведение collapsible вкладок в браузере Firefox\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#499](https://github.com/core-ds/core-components/pull/499)\n\n#### Что изменилось\n- Исправлен размер 40 для компонента Сircle\n\n#### Влияние на компоненты\n- Патчи
`icon-view`\n\n\n### [#509](https://github.com/core-ds/core-components/pull/509)\n\n#### Что изменилось\n- Добавлен экспорт TooltipResponsiveProps\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n### [#512](https://github.com/core-ds/core-components/pull/512)\n\n#### Что изменилось\n- fix(intl-phone-input): исправлена вставка в пустое поле номера без \"+\"\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#510](https://github.com/core-ds/core-components/pull/510)\n\n#### Что изменилось\n- В Select исправлено выделение опций на iOS с пропом `Options={BaseOptions}`\n- В Checkbox добавлен проп hiddenInput, с помощью которого можно скрыть нативный input
\n\n#### Влияние на компоненты\n- Минорное
`checkbox`\n\n\n- Патчи
`select`\n\n\n### [#497](https://github.com/core-ds/core-components/pull/497)\n\n#### Что изменилось\n- fix(select): virtual options list\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n- Патчи
`select`\n\n\n### [#505](https://github.com/core-ds/core-components/pull/505)\n\n#### Что изменилось\n- Исправлена позиция лоадера при display: block\n\n#### Влияние на компоненты\n- Патчи
`button`\n\n\n### [#523](https://github.com/core-ds/core-components/pull/523)\n\n#### Что изменилось\n- Обновлена зависимость react-focus-lock\n\n#### Влияние на компоненты\n- Патчи
`base-modal`\n\n\n### [#486](https://github.com/core-ds/core-components/pull/486)\n\n#### Что изменилось\n- Добавлен файл main.css с базовыми стилями\n\n#### Влияние на компоненты\n- Минорное
`vars`\n\n\n\n## 38.0.0\n\n\n\n### [#500](https://github.com/core-ds/core-components/pull/500)\n\n#### Что изменилось\n- Обвновлён bundle site.css для перехода на палитру bluetint\n\n#### Влияние на компоненты\n- Мажорное
`vars`\n\n\n### [#493](https://github.com/core-ds/core-components/pull/493)\n\n#### Что изменилось\n- Удаление темизации click для компонентов input, button, form-control, slider, slider-input, backdrop. Теперь эти компоненты соответствуют default теме.\n
\nКомпоненты button, radio, checkbox теперь соответствуют теме mobile.
\n
\nПереработан компонент select в теме click, вместо badge используется checkbox для multiple и CheckmarkMIcon для одинчного выбора.
\n
\nЗамена токена --circular-progress-bar-bg-color на --circular-progress-bar-stroke-color
\n\n#### Влияние на компоненты\n- Мажорное
`themes`\n\n\n### [#503](https://github.com/core-ds/core-components/pull/503)\n\n#### Что изменилось\n- Обновление палитры bluetint: корректировка контраста text и graphic цветов\n\n#### Влияние на компоненты\n- Патчи
`vars`\n\n\n### [#491](https://github.com/core-ds/core-components/pull/491)\n\n#### Что изменилось\n- Обновлены внутренние переменные (themes/default.css) для размеров кнопок (xxs добавлен, xs исправлен)\n\n#### Влияние на компоненты\n- Мажорное
`themes`\n\n\n- Патчи
`button` `filter-tag` `tag`\n\n\n\n## 37.5.1\n\n\n\n### [#508](https://github.com/core-ds/core-components/pull/508)\n\n#### Что изменилось\n- Исправлена ошщибка \"replace is not a funcion\", если кастомный инпут в onChange обработчике возвращал число, а не строку\n\n#### Влияние на компоненты\n- Патчи
`slider-input`\n\n\n### [#502](https://github.com/core-ds/core-components/pull/502)\n\n#### Что изменилось\n- Исправлен экспорт css-переменных в js. Теперь js-файл есть как в рут пакете, так и core-components-vars\n\n#### Влияние на компоненты\n- Патчи
`vars`\n\n\n\n## 37.5.0\n\n\n\n### [#492](https://github.com/core-ds/core-components/pull/492)\n\n#### Что изменилось\n- Добавлены тени для палитры bluetint (shadows-bluetint.css) и продуктовые бандлы переменных (vars/bundle/corp.css и др.)\n\n#### Влияние на компоненты\n- Минорное
`vars`\n\n\n### [#455](https://github.com/core-ds/core-components/pull/455)\n\n#### Что изменилось\n- Добавлен новый компонент NumberInput\n\n#### Влияние на компоненты\n- Минорное
`number-input`\n\n\n### [#464](https://github.com/core-ds/core-components/pull/464)\n\n#### Что изменилось\n- Исправлена ошибка из-за которой tooltip не закрывался на touch устройствах\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n### [06cb65be9](https://github.com/core-ds/core-components/commit/06cb65be9eade56697f8e5494b8960d5917a5fad)\n\n#### Что изменилось\n- Добавлено свойство container. Теперь есть возможность указать ноду, в которой будет рендериться bottom-sheet\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#470](https://github.com/core-ds/core-components/pull/470)\n\n#### Что изменилось\n- Обновлена версия react-transition-group\n\n#### Влияние на компоненты\n- Патчи
`backdrop` `base-modal` `bottom-sheet` `calendar-with-skeleton` `modal`
`notification-manager` `pass-code` `popover` `toast`\n\n\n### [#476](https://github.com/core-ds/core-components/pull/476)\n\n#### Что изменилось\n- Исправлено вычисление свойств minDate и maxDate, если они в одном месяце\n\n#### Влияние на компоненты\n- Патчи
`calendar-range`\n\n\n### [#472](https://github.com/core-ds/core-components/pull/472)\n\n#### Что изменилось\n- Убрано свойство size из fieldProps. Теперь можно прокидывать любое значение\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#465](https://github.com/core-ds/core-components/pull/465)\n\n#### Что изменилось\n- Исправлена ошибка из-за которой происходил рассинхрон состояний\n\n#### Влияние на компоненты\n- Патчи
`radio-group`\n\n\n\n## 37.4.0\n\n\n\n### [#469](https://github.com/core-ds/core-components/pull/469)\n\n#### Что изменилось\n- Для компонента Typography добавлен новый пропс rowLimit отвечающий за ограничение максимального количества строк\n- Для компонентов PureCell и Plate изменено отсечение текста в несколько строк
\n\n#### Влияние на компоненты\n- Минорное
`typography`\n\n\n- Патчи
`pure-cell` `plate`\n\n\n### [#484](https://github.com/core-ds/core-components/pull/484)\n\n#### Что изменилось\n- Исправлен тип для значения по-умолчанию у хука useMatchMedia\n- В side-panel добавлена возможность указать значение по-умолчанию для useMatchMedia
\n\n#### Влияние на компоненты\n- Патчи
`mq` `side-panel`\n\n\n### [#462](https://github.com/core-ds/core-components/pull/462)\n\n#### Что изменилось\n- Исправлены размеры border-radius у кнопок в темах mobile и intranet\n\n#### Влияние на компоненты\n- Патчи
`themes`\n\n\n### [#473](https://github.com/core-ds/core-components/pull/473)\n\n#### Что изменилось\n- Исправлены темы mobile и intranet в компонентах FormControl, Select, CalendarInput\n\n#### Влияние на компоненты\n- Патчи
`themes`\n\n\n\n## 37.3.0\n\n\n\n### [#467](https://github.com/core-ds/core-components/pull/467)\n\n#### Что изменилось\n- Исправлены типы у Table и TRow. Теперь Table может состоять только из TBody, а TRow из одной ячейки\n\n#### Влияние на компоненты\n- Патчи
`table`\n\n\n### [#477](https://github.com/core-ds/core-components/pull/477)\n\n#### Что изменилось\n- Исправлен тип у свойства backgroundIcon\n\n#### Влияние на компоненты\n- Патчи
`icon-view`\n\n\n### [#468](https://github.com/core-ds/core-components/pull/468)\n\n#### Что изменилось\n- Исправлен баг в textarea, при передаче пропа value не работала механика переполнения\n\n#### Влияние на компоненты\n- Патчи
`textarea`\n\n\n### [#450](https://github.com/core-ds/core-components/pull/450)\n\n#### Что изменилось\n- Добавлен экспорт css-переменных из палитры bluetint в js файл\n\n#### Влияние на компоненты\n- Минорное
`vars`\n\n\n### [#483](https://github.com/core-ds/core-components/pull/483)\n\n#### Что изменилось\n- Экспорт пропсов из индексного файла компонента\n\n#### Влияние на компоненты\n- Патчи
`textarea`\n\n\n\n## 37.2.1\n\n\n\n### [#474](https://github.com/core-ds/core-components/pull/474)\n\n#### Что изменилось\n- Добавлен role=\"none\" для элемента, который используется только для вычисления размера контейнера.\nРефакторинг тестов.
\n\n#### Влияние на компоненты\n- Патчи
`textarea`\n\n\n\n## 37.2.0\n\n\n\n### [#463](https://github.com/core-ds/core-components/pull/463)\n\n#### Что изменилось\n- Исправлен отступ элементов в выпадающем списке\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#456](https://github.com/core-ds/core-components/pull/456)\n\n#### Что изменилось\n- Добавлен новый пропс stateType, отвечающий за затемнение / осветление цвета фона\n\n#### Влияние на компоненты\n- Минорное
`custom-button`\n\n\n### [#451](https://github.com/core-ds/core-components/pull/451)\n\n#### Что изменилось\n- Фокусная рамка таба больше не обрезается\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#453](https://github.com/core-ds/core-components/pull/453)\n\n#### Что изменилось\n- Отключен hover-эффект на touch устройствах\n\n#### Влияние на компоненты\n- Патчи
`button`\n\n\n### [#459](https://github.com/core-ds/core-components/pull/459)\n\n#### Что изменилось\n- Исправлена ошибка 'Cannot read property 'clientHeight' of null' при `scrollable={true}`\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#441](https://github.com/core-ds/core-components/pull/441)\n\n#### Что изменилось\n- Исправлено скрытие pips при ошибке или подсказке\n\n#### Влияние на компоненты\n- Патчи
`slider-input`\n\n\n### [#443](https://github.com/core-ds/core-components/pull/443)\n\n#### Что изменилось\n- Исправлена ошибка с анимацией при множественных ререндерах\n\n#### Влияние на компоненты\n- Патчи
`calendar`\n\n\n\n## 37.1.2\n\n\n\n### [#466](https://github.com/core-ds/core-components/pull/466)\n\n#### Что изменилось\n- Обновлена версия библиотеки react-canvas-pattern-lock до 1.0.2\n\n#### Влияние на компоненты\n- Патчи
`pattern-lock`\n\n\n\n## 37.1.1\n\n\n\n### [af01ec20e](https://github.com/core-ds/core-components/commit/af01ec20ec987a524a73aa1f0686652979d383fc)\n\n#### Что изменилось\n- grid-row-gap и grid-column-gap заменены на margin\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#449](https://github.com/core-ds/core-components/pull/449)\n\n#### Что изменилось\n- Убран правый отступ у контейнера аддонов, если нет стрелки действия\n\n#### Влияние на компоненты\n- Патчи
`picker-button`\n\n\n### [#448](https://github.com/core-ds/core-components/pull/448)\n\n#### Что изменилось\n- Исправлен interactive режим\n\n#### Влияние на компоненты\n- Патчи
`steps`\n\n\nCHANGELOG за 2022 год доступен [здесь](https://github.com/core-ds/core-components/blob/master/CHANGELOG.2022.md)\n",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Changelog",parameters:{previewTabs:{canvas:{hidden:!0}}},id:"Changelog"}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"changelog",children:"Changelog"}),"\n",(0,jsx_runtime.jsx)(blocks.Eg,{content:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),root:!0})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Changelog",id:"Changelog",parameters:{previewTabs:{canvas:{hidden:!0}}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};var _13_changelog_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}}}]); \ No newline at end of file diff --git a/master/13-changelog-stories-mdx.e933e29f.iframe.bundle.js b/master/13-changelog-stories-mdx.e933e29f.iframe.bundle.js deleted file mode 100644 index 9b77029cf8..0000000000 --- a/master/13-changelog-stories-mdx.e933e29f.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[572],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./docs/13.changelog.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__page:function(){return __page},default:function(){return _13_changelog_stories}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),CHANGELOGraw_namespaceObject="## 42.8.0\n\n\n\n### [#840](https://github.com/core-ds/core-components/pull/840)\n\n#### Что изменилось\n- Добавлен проп onSwipeStart, onSwipeEnd\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n\n## 42.7.0\n\n\n\n### [#839](https://github.com/core-ds/core-components/pull/839)\n\n#### Что изменилось\n- Добавлен проп onTouchEnd\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#837](https://github.com/core-ds/core-components/pull/837)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не пересчитывалась высота магнитных зон\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet`\n\n
\n\n#### Что изменилось\n- Добавлена функция isNil\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n\n\n## 42.6.0\n\n\n\n### [#830](https://github.com/core-ds/core-components/pull/830)\n\n#### Что изменилось\n- Добавлен message prop\n\n#### Влияние на компоненты\n- Минорное
`pass-code` `pattern-lock`\n\n\n\n## 42.5.1\n\n\n\n### [#824](https://github.com/core-ds/core-components/pull/824)\n\n#### Что изменилось\n- Исправлен автоматический скролл к активному табу, если он находится вне области видимости\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#826](https://github.com/core-ds/core-components/pull/826)\n\n#### Что изменилось\n- При нажатии на крестик очистки инпут больше не теряет фокус\n\n#### Влияние на компоненты\n- Патчи
`input`\n\n\n### [#829](https://github.com/core-ds/core-components/pull/829)\n\n#### Что изменилось\n- Добавлен внутренний стейт в мобильный тултип\n- css-свойство display у target элемента заменено c block на inline-block\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n### [#827](https://github.com/core-ds/core-components/pull/827)\n\n#### Что изменилось\n- Реализация бордера заменена с box-shadow на border😀\n\n#### Влияние на компоненты\n- Патчи
`plate`\n\n\n\n## 42.5.0\n\n\n\n### [#817](https://github.com/core-ds/core-components/pull/817)\n\n#### Что изменилось\n- Добавлена утилита disableUserInput\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n
\n\n#### Что изменилось\n- Мобильный form-control в теме click приведен к дефолтному виду\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n
\n\n#### Что изменилось\n- Добавлен проп disableUserInput\n\n#### Влияние на компоненты\n- Минорное
`input`\n\n
\n\n#### Что изменилось\n- Добавлен новый компонент StepperInput\n\n#### Влияние на компоненты\n- Минорное
`stepper-input`\n\n
\n\n#### Что изменилось\n- Добавлена мобильная и десктопная версия компонента\n\n#### Влияние на компоненты\n- Минорное
`number-input`\n\n\n### [#805](https://github.com/core-ds/core-components/pull/805)\n\n#### Что изменилось\n- feat(select): добавлена возможность фильтрации пунктов\n\n#### Влияние на компоненты\n- Минорное
`input-autocomplete` `input` `picker-button` `select`\n\n\n### [#808](https://github.com/core-ds/core-components/pull/808)\n\n#### Что изменилось\n- Добавлены новые пропсы progressStrokeColor и circleColor\n\n#### Влияние на компоненты\n- Минорное
`circular-progress-bar`\n\n\n\n## 42.4.0\n\n\n\n### [#813](https://github.com/core-ds/core-components/pull/813)\n\n#### Что изменилось\n- Изменили дефолтное значение breakpoint с 768 на 1024\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#815](https://github.com/core-ds/core-components/pull/815)\n\n#### Что изменилось\n- Исправлена проблема, из-за которой при включенной пропсе disableUserInput невозможно было переставить фокус клавишей Tab\n\n#### Влияние на компоненты\n- Патчи
`calendar-input` `date-range-input` `date-time-input`\n\n\n### [#823](https://github.com/core-ds/core-components/pull/823)\n\n#### Что изменилось\n- Незначительные исправления компонента\n\n#### Влияние на компоненты\n- Патчи
`input-autocomplete`\n\n\n### [#822](https://github.com/core-ds/core-components/pull/822)\n\n#### Что изменилось\n- Убрали свойство colorStylesMap из общего типа BaseTagProps\n\n#### Влияние на компоненты\n- Патчи
`tag`\n\n\n### [#811](https://github.com/core-ds/core-components/pull/811)\n\n#### Что изменилось\n- Добавлен проп fallback\n\n#### Влияние на компоненты\n- Минорное
`cdn-icon`\n\n\n### [#814](https://github.com/core-ds/core-components/pull/814)\n\n#### Что изменилось\n- Добавлен проп targetTag\n- Исправлена проблема, из-за которой контент тултипа выходил за границы экрана\n\n#### Влияние на компоненты\n- Минорное
`tooltip`\n\n\n### [#821](https://github.com/core-ds/core-components/pull/821)\n\n#### Что изменилось\n- Исправлено ошибка, из-за которой невозможно было выбрать опцию в мобильном селекте\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#818](https://github.com/core-ds/core-components/pull/818)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой после анимации не всегда отображался дочерний элемент в safari\n\n#### Влияние на компоненты\n- Патчи
`collapse`\n\n\n\n## 42.3.1\n\n\n\n### [#819](https://github.com/core-ds/core-components/pull/819)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой невозможно было заменить дефолтные кнопки подтверждения\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n\n## 42.3.0\n\n\n\n### [#809](https://github.com/core-ds/core-components/pull/809)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не сбрасывался выбранный диапозон в мобильном календаре\n\n#### Влияние на компоненты\n- Патчи
`date-range-input`\n\n\n### [#812](https://github.com/core-ds/core-components/pull/812)\n\n#### Что изменилось\n- fix: increased css specificity\n\n#### Влияние на компоненты\n- Патчи
`drawer` `notification` `side-panel`\n\n\n### [#800](https://github.com/core-ds/core-components/pull/800)\n\n#### Что изменилось\n- Добавлены пропы showSkeleton, skeletonProps для скелетонизации текста\n\n#### Влияние на компоненты\n- Минорное
`typography`\n\n\n### [#810](https://github.com/core-ds/core-components/pull/810)\n\n#### Что изменилось\n- Повышена специфичность стилей\n\n#### Влияние на компоненты\n- Патчи
`pagination`\n\n\n### [#799](https://github.com/core-ds/core-components/pull/799)\n\n#### Что изменилось\n- Добавлены новый пропы swipeableMarker и swipeableMarkerClassName\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#803](https://github.com/core-ds/core-components/pull/803)\n\n#### Что изменилось\n- Исправили стили для label в мобильных компонентах CheckboxGroup и RadioGroup\n\n#### Влияние на компоненты\n- Патчи
`checkbox-group` `radio-group`\n\n\n### [#802](https://github.com/core-ds/core-components/pull/802)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой в поле вставлялась лишняя 7 при вводе значения перед +7\n\n#### Влияние на компоненты\n- Патчи
`phone-input`\n\n\n\n## 42.2.1\n\n\n\n### [#806](https://github.com/core-ds/core-components/pull/806)\n\n#### Что изменилось\n- Исправлен коллбек getPortalContainer\n\n#### Влияние на компоненты\n- Патчи
`with-suffix`\n\n\n### [#798](https://github.com/core-ds/core-components/pull/798)\n\n#### Что изменилось\n- Изменен цвет кнопки с view='link'. Теперь фон будет различаться в зависимости от состояния open\n\n#### Влияние на компоненты\n- Патчи
`picker-button`\n\n\n### [#807](https://github.com/core-ds/core-components/pull/807)\n\n#### Что изменилось\n- Исправлено выравнивание success иконки в старых браузерах\n\n#### Влияние на компоненты\n- Патчи
`input`\n\n\n### [#801](https://github.com/core-ds/core-components/pull/801)\n\n#### Что изменилось\n- Исправлена проблема со специфичностью некоторых стилей\n\n#### Влияние на компоненты\n- Патчи
`button`\n\n\n\n## 42.2.0\n\n\n\n### [#785](https://github.com/core-ds/core-components/pull/785)\n\n#### Что изменилось\n- Цвет компонента в выбранном состоянии заменен с красного на зеленый\n\n#### Влияние на компоненты\n- Минорное
`switch` `themes`\n\n\n### [#791](https://github.com/core-ds/core-components/pull/791)\n\n#### Что изменилось\n- Добавлен экспорт back-arrow-addon\n\n#### Влияние на компоненты\n- Минорное
`navigation-bar`\n\n
\n\n#### Что изменилось\n- Добавлена easeInOutQuad функция\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n
\n\n#### Что изменилось\n- Добавлен проп contentProps, componentDivProps\n\n#### Влияние на компоненты\n- Минорное
`base-modal`\n\n
\n\n#### Что изменилось\n- Добавлен новый компонент PopupSheet\n\n#### Влияние на компоненты\n- Минорное
`popup-sheet`\n\n\n### [#790](https://github.com/core-ds/core-components/pull/790)\n\n#### Что изменилось\n- Добавлена функция createPaddingStyle\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n
\n\n#### Что изменилось\n- Добавлен проп padding во все составные части компонента\n- Теперь проп direction будет влиять на расположение кнопок в десктопной версии компонента\n\n#### Влияние на компоненты\n- Минорное
`system-message`\n\n\n### [#787](https://github.com/core-ds/core-components/pull/787)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой появлялся вертикальный скролл при autosize=true\n\n#### Влияние на компоненты\n- Патчи
`textarea`\n\n\n### [#789](https://github.com/core-ds/core-components/pull/789)\n\n#### Что изменилось\n- Добавлен проп initialScreenHintSlot для возможности замены ссылки \"не приходит сообщение\" на кастомный контент\n- Loader заменен на Spinner\n\n#### Влияние на компоненты\n- Минорное
`confirmation`\n\n\n### [#786](https://github.com/core-ds/core-components/pull/786)\n\n#### Что изменилось\n- Исправлена ошибка c ResizeObserver в компоненте TabsCollapsible, возникающая в старых версиях firefox\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#794](https://github.com/core-ds/core-components/pull/794)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой невозможно было программно установить фокус\n\n#### Влияние на компоненты\n- Патчи
`phone-input`\n\n\n### [#792](https://github.com/core-ds/core-components/pull/792)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не всегда выбиралась минимально допустимая дата при указанном minDate\n\n#### Влияние на компоненты\n- Патчи
`calendar`\n\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n#### Что изменилось\n- Добавлены недостающие зависимости в package.json\n\n#### Влияние на компоненты\n- Патчи
`calendar` `calendar-input` `cdn-icon` `custom-picker-button` `date-range-input`
`date-time-input` `drawer` `file-upload-item` `input-autocomplete` `markdown`
`navigation-bar` `plate` `pure-cell` `select` `sortable-list`
\n\n\n\n## 42.1.0\n\n\n\n### [#767](https://github.com/core-ds/core-components/pull/767)\n\n#### Что изменилось\n- Добавлен новый компонент Markdown\n\n#### Влияние на компоненты\n- Минорное
`markdown`\n\n\n\n## 42.0.0\n\n\n\n### [#703](https://github.com/core-ds/core-components/pull/703)\n\n#### Что изменилось\n- Кастомный js скроллбар заменен на css версию\n\n#### Влияние на компоненты\n- Мажорное
`drawer` `side-panel`\n\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n#### Что изменилось\n- Утилиты и константы экспортируются из shared\n\n#### Влияние на компоненты\n- Мажорное
`calendar-input`\n\n
\n\n#### Что изменилось\n- Из index теперь экспортируется responsive версия компонента. Десктопная версия импортируется отсюда -> @alfalab/core-components-calendar/desktop\n- Утилиты и константы экспортируются из shared\n\n#### Влияние на компоненты\n- Мажорное
`calendar`\n\n
\n\n#### Что изменилось\n- Удалена responsive точка входа. (В проектах нужно заменить импорт @alfalab/core-components-calendar/responsive на @alfalab/core-components-calendar)\n\n#### Влияние на компоненты\n- Мажорное
`calendar` `calendar-input` `date-range-input` `date-time-input`\n\n\n### [#708](https://github.com/core-ds/core-components/pull/708)\n\n#### Что изменилось\n- Удалена responsive точка входа\n\n#### Влияние на компоненты\n- Мажорное
`system-message`\n\n\n### [#687](https://github.com/core-ds/core-components/pull/687)\n\n#### Что изменилось\n- Компонент Button заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n#### Влияние на компоненты\n- Минорное
`calendar` `input-autocomplete` `pass-code` `pattern-lock` `select`
`tooltip`\n\n
\n\n#### Что изменилось\n- Для компонента Button добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`button`\n\n\n### [#742](https://github.com/core-ds/core-components/pull/742)\n\n#### Что изменилось\n- Для компонента ToastPlate добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`toast-plate`\n\n
\n\n#### Что изменилось\n- Для компонента Toast добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`toast`\n\n\n### [#709](https://github.com/core-ds/core-components/pull/709)\n\n#### Что изменилось\n- Удалена responsive точка входа.\n- Из индексного файла теперь тянется responsive версия компонента\n- Prop defaultMatch заменен на defaultMatchMediaValue и имеет теперь другой тип\n- Добавлена мобильная версия - TooltipMobile\n\n#### Влияние на компоненты\n- Мажорное
`tooltip`\n\n\n### [#743](https://github.com/core-ds/core-components/pull/743)\n\n#### Что изменилось\n- Для компонента Plate добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`plate`\n\n\n### [#711](https://github.com/core-ds/core-components/pull/711)\n\n#### Что изменилось\n- Удалена responsive точка входа\n\n#### Влияние на компоненты\n- Мажорное
`custom-picker-button`\n\n
\n\n#### Что изменилось\n- Удалена responsive точка входа. Responsive компонент теперь экспортируется из индексного файла\n- Пресеты и утилиты вынесены в shared (@alfalab/core-components/select/shared)\n- Десктопный компонент теперь экспортируется из desktop -> import {SelectDesktop} from '@alfalab/core-components/select/desktop'\n\n#### Влияние на компоненты\n- Мажорное
`select`\n\n
\n\n#### Что изменилось\n- Добавлен проп style\n\n#### Влияние на компоненты\n- Минорное
`skeleton`\n\n
\n\n#### Что изменилось\n- Удалена responsive точка входа.\n\n#### Влияние на компоненты\n- Мажорное
`picker-button`\n\n
\n\n#### Что изменилось\n- Удалена responsive точка входа. Responsive компонент теперь экспортируется из индексного файла\n- Десктопный компонент теперь экспортируется из desktop -> import {InputAutocompleteDesktop} from '@alfalab/core-components/input-autocomplete/desktop'\n\n#### Влияние на компоненты\n- Мажорное
`input-autocomplete`\n\n\n### [#719](https://github.com/core-ds/core-components/pull/719)\n\n#### Что изменилось\n- Поведение плейсхолдера и лейбла изменено на стандартное. Теперь, в дефолтном состоянии, в инпутах с внутренним положением лейбла отображается лейбл, а не плейсхолдер.\n\n#### Влияние на компоненты\n- Минорное
`input-autocomplete` `select`\n\n\n### [#716](https://github.com/core-ds/core-components/pull/716)\n\n#### Что изменилось\n- Компонент FormControl заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n#### Влияние на компоненты\n- Минорное
`select` `input-autocomplete`\n\n
\n\n#### Что изменилось\n- Компонент Input заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n#### Влияние на компоненты\n- Минорное
`date-time-input` `date-range-input`\n\n
\n\n#### Что изменилось\n- Для компонента FormControl добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`form-control`\n\n
\n\n#### Что изменилось\n- Для компонента Input добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`input`\n\n\n### [#705](https://github.com/core-ds/core-components/pull/705)\n\n#### Что изменилось\n- Удалена responsive точка входа. Теперь responsive компонент импортируется из индексного файла.\n\n#### Влияние на компоненты\n- Мажорное
`confirmation`\n\n\n### [#734](https://github.com/core-ds/core-components/pull/734)\n\n#### Что изменилось\n- Для компонента RadioGroup добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`radio-group`\n\n
\n\n#### Что изменилось\n- Для компонента CheckboxGroup добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`checkbox-group`\n\n
\n\n#### Что изменилось\n- В компонентах Radio и Checkbox для выбранных контролов токен фона был изменен на --color-light-graphic-primary в темах default и site\n\n#### Влияние на компоненты\n- Минорное
`radio` `checkbox`\n\n\n### [#731](https://github.com/core-ds/core-components/pull/731)\n\n#### Что изменилось\n- Добавлены пропсы onOffsetChange, onMagnetizeEnd, swipeableContent, swipeThreshold, headerOffset\n- Исправлена ошибка, из-за которой компонент закрывался после события скролла.\n- Исправлена ошибка, из-за которой шторка неверно позиционировалась после свайпа влево/вправо\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#700](https://github.com/core-ds/core-components/pull/700)\n\n#### Что изменилось\n- Для компонента Tag добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`tag`\n\n
\n\n#### Что изменилось\n- Для компонента FilterTag добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`filter-tag`\n\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n#### Что изменилось\n- Новый пакет с общими утилитами и т.п\n\n#### Влияние на компоненты\n- Минорное
`shared`\n\n
\n\n#### Что изменилось\n- Теперь каждый пакет публикуется с исходниками\n\n#### Влияние на компоненты\n- Минорное
`action-button` `alert` `amount` `amount-input` `attach`
`backdrop` `badge` `bank-card` `base-modal` `bottom-sheet`
`button` `calendar` `calendar-input` `calendar-range` `calendar-with-skeleton`
`card-image` `cdn-icon` `chart` `checkbox` `checkbox-group`
`circular-progress-bar` `code-input` `collapse` `comment` `confirmation`
`confirmation-v1` `custom-button` `custom-picker-button` `date-input` `date-range-input`
`date-time-input` `divider` `drawer` `dropzone` `file-upload-item`
`filter-tag` `form-control` `gallery` `gap` `generic-wrapper`
`global-store` `grid` `hatching-progress-bar` `icon-button` `icon-view`
`indicator` `input` `input-autocomplete` `intl-phone-input` `keyboard-focusable`
`link` `list` `list-header` `loader` `masked-input`
`modal` `mq` `navigation-bar` `notification` `notification-manager`
`number-input` `pagination` `pass-code` `password-input` `pattern-lock`
`phone-input` `picker-button` `plate` `popover` `portal`
`progress-bar` `pure-cell` `pure-input` `radio` `radio-group`
`scrollbar` `segmented-control` `select` `select-with-tags` `side-panel`
`skeleton` `slider` `slider-input` `sortable-list` `space`
`spinner` `stack` `status` `stepped-progress-bar` `steps`
`switch` `system-message` `table` `tabs` `tag`
`textarea` `time-input` `toast` `toast-plate` `tooltip`
`typography` `underlay` `with-suffix`\n\n\n### [#781](https://github.com/core-ds/core-components/pull/781)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не срабатывал onBlur в мобильном селекте\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#644](https://github.com/core-ds/core-components/pull/644)\n\n#### Что изменилось\n- Удален компонент Modal.Closer (он больше не работает). Вместо него нужно использовать проп hasCloser у Modal.Header\n\n#### Влияние на компоненты\n- Мажорное
`modal`\n\n\n### [#706](https://github.com/core-ds/core-components/pull/706)\n\n#### Что изменилось\n- Удалена responsive точка входа. Теперь responsive компонент импортируется из индексного файла.\n\n#### Влияние на компоненты\n- Мажорное
`modal`\n\n\n### [#771](https://github.com/core-ds/core-components/pull/771)\n\n#### Что изменилось\n- Исправлена типографика в компоненте TitleResponsive для шрифта system с headline-system на headline-system-mobile\n\n#### Влияние на компоненты\n- Мажорное
`typography`\n\n\n### [#704](https://github.com/core-ds/core-components/pull/704)\n\n#### Что изменилось\n- Хуки, общие компоненты и некоторые типы теперь экспортируются из shared (@alfalab/core-components/tabs/shared)\n- Удалена responsive точка входа.\n- Prop defaultMatch заменен на defaultMatchMediaValue и имеет теперь другой тип\n- Удален prop collapsible, вместо него теперь отдельный компонент TabsCollapsible (@alfalab/core-components/tabs/collapsible)\n\n#### Влияние на компоненты\n- Мажорное
`tabs`\n\n\n### [#782](https://github.com/core-ds/core-components/pull/782)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не фиксировался TSortableHeadCell тип заголовка со stickyHeader\n\n#### Влияние на компоненты\n- Патчи
`table`\n\n\n### [#707](https://github.com/core-ds/core-components/pull/707)\n\n#### Что изменилось\n- Удалена responsive точка входа\n\n#### Влияние на компоненты\n- Мажорное
`side-panel`\n\n\n### [#783](https://github.com/core-ds/core-components/pull/783)\n\n#### Что изменилось\n- Расширен тип пропа icon, теперь разрешено передавать ReactElement\n\n#### Влияние на компоненты\n- Минорное
`icon-button`\n\n\n### [#739](https://github.com/core-ds/core-components/pull/739)\n\n#### Что изменилось\n- Для компонента CodeInput добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n#### Влияние на компоненты\n- Мажорное
`code-input`\n\n\n\n## 41.20.0\n\n\n\n### [#780](https://github.com/core-ds/core-components/pull/780)\n\n#### Что изменилось\n- Добавлены пропсы keepMounted, disableAutofocus, disableRestoreFocus, disableEscapeKeyDown\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#775](https://github.com/core-ds/core-components/pull/775)\n\n#### Что изменилось\n- Исправлен перенос контента в options для селекта с выбором кода страны\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#774](https://github.com/core-ds/core-components/pull/774)\n\n#### Что изменилось\n- Исправлены границы выделения выбранного периода при динамической установке значений\n\n#### Влияние на компоненты\n- Патчи
`calendar`\n\n\n### [#777](https://github.com/core-ds/core-components/pull/777)\n\n#### Что изменилось\n- Исправлена ошибка с фокусом в 16 реакте\n\n#### Влияние на компоненты\n- Патчи
`code-input`\n\n\n### [#778](https://github.com/core-ds/core-components/pull/778)\n\n#### Что изменилось\n- Исправлено отображение цветных иконок\n\n#### Влияние на компоненты\n- Патчи
`cdn-icon`\n\n\n### [#776](https://github.com/core-ds/core-components/pull/776)\n\n#### Что изменилось\n- Добавлена возможность передавать дополнительные props в компонент PureCell\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n\n## 41.19.0\n\n\n\n### [#772](https://github.com/core-ds/core-components/pull/772)\n\n#### Что изменилось\n- Добавлен новый пропс shapeClassName для возможности стилизации формы шейпа\n\n#### Влияние на компоненты\n- Минорное
`icon-view`\n\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n#### Что изменилось\n- Удален скрипт отправки статистики (send-stats)\n\n#### Влияние на компоненты\n- Патчи
`action-button` `alert` `amount` `amount-input` `attach`
`backdrop` `badge` `bank-card` `base-modal` `bottom-sheet`
`button` `calendar` `calendar-input` `calendar-range` `calendar-with-skeleton`
`card-image` `cdn-icon` `chart` `checkbox` `checkbox-group`
`circular-progress-bar` `code-input` `collapse` `comment` `confirmation`
`confirmation-v1` `custom-button` `custom-picker-button` `date-input` `divider`
`drawer` `filter-tag` `form-control` `gallery` `gap`
`generic-wrapper` `grid` `hatching-progress-bar` `icon-button` `icon-view`
`indicator` `input` `input-autocomplete` `intl-phone-input` `keyboard-focusable`
`link` `list` `list-header` `loader` `masked-input`
`modal` `mq` `notification` `notification-manager` `number-input`
`pass-code` `phone-input` `picker-button` `plate` `popover`
`portal` `progress-bar` `pure-cell` `pure-input` `radio`
`radio-group` `scrollbar` `segmented-control` `select` `select-with-tags`
`side-panel` `skeleton` `slider` `slider-input` `sortable-list`
`space` `spinner` `status` `stepped-progress-bar` `steps`
`switch` `system-message` `tabs` `tag` `textarea`
`toast` `toast-plate` `tooltip` `typography` `underlay`
`with-suffix`\n\n\n### [#756](https://github.com/core-ds/core-components/pull/756)\n\n#### Что изменилось\n- Добавлены два коллбэка - onCalendarOpen и onCalendarClose\n\n#### Влияние на компоненты\n- Минорное
`calendar-input`\n\n\n### [#768](https://github.com/core-ds/core-components/pull/768)\n\n#### Что изменилось\n- В компоненты CalendarInput, DateRangeInput, DateTimeInput добавлен проп disableUserInput отвечающий за запрет ввода с клавиатуры\n\n#### Влияние на компоненты\n- Минорное
`calendar-input` `date-range-input` `date-time-input`\n\n\n### [#760](https://github.com/core-ds/core-components/pull/760)\n\n#### Что изменилось\n- Добавлены вызовы inputProps хендлеров\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n\n## 41.18.0\n\n\n\n### [#754](https://github.com/core-ds/core-components/pull/754)\n\n#### Что изменилось\n- Pадиус скругления изменен на 12px во всех темах\n\n#### Влияние на компоненты\n- Минорное
`dropzone` `themes`\n\n\n### [#753](https://github.com/core-ds/core-components/pull/753)\n\n#### Что изменилось\n- Добавлен пропс className в слот main\n\n#### Влияние на компоненты\n- Минорное
`pure-cell`\n\n\n### [#757](https://github.com/core-ds/core-components/pull/757)\n\n#### Что изменилось\n- Перевели единицы измерения на русский язык\n\n#### Влияние на компоненты\n- Патчи
`file-upload-item`\n\n\n### [#758](https://github.com/core-ds/core-components/pull/758)\n\n#### Что изменилось\n- В CalendarMobile добавлен проп onMonthTitleClick\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n### [#752](https://github.com/core-ds/core-components/pull/752)\n\n#### Что изменилось\n- Свойство inputClassName передано компоненту инпута\n\n#### Влияние на компоненты\n- Патчи
`calendar-input`\n\n\n\n## 41.17.0\n\n\n\n### [#741](https://github.com/core-ds/core-components/pull/741)\n\n#### Что изменилось\n- Перевод corp темизации на bluetint цвета, приведение компонентов Input, Select к core темизации\n\n#### Влияние на компоненты\n- Минорное
`button` `tabs` `themes` `vars`\n\n\n### [#732](https://github.com/core-ds/core-components/pull/732)\n\n#### Что изменилось\n- Добавлены пропсы размера и выбора закругления определенного угла рамки. Добавлен контент и contentProps с пропсами для настройки отображения контента\n\n#### Влияние на компоненты\n- Минорное
`underlay`\n\n\n\n## 41.15.0\n\n\n\n### [#738](https://github.com/core-ds/core-components/pull/738)\n\n#### Что изменилось\n- fix(steps): make checkIsStepCustom's return value nullable\n\n#### Влияние на компоненты\n- Минорное
`steps`\n\n\n### [#698](https://github.com/core-ds/core-components/pull/698)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой возникал отступ справа от \"глаза\" когда комопонент в состоянии ошибки\n\n#### Влияние на компоненты\n- Патчи
`password-input`\n\n\n### [#746](https://github.com/core-ds/core-components/pull/746)\n\n#### Что изменилось\n- Динамический импорт библиотеки libphonenumber-js в cjs сборках заменен на require\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#745](https://github.com/core-ds/core-components/pull/745)\n\n#### Что изменилось\n- Добавлен usePortal проп\n\n#### Влияние на компоненты\n- Минорное
`base-modal` `bottom-sheet`\n\n\n### [#717](https://github.com/core-ds/core-components/pull/717)\n\n#### Что изменилось\n- Добавлен проп codeFormat в Amount.Pure\n\n#### Влияние на компоненты\n- Патчи
`amount`\n\n\n\n## 41.14.1\n\n\n\n### [#735](https://github.com/core-ds/core-components/pull/735)\n\n#### Что изменилось\n- Изменены боковые отступы для компонента CalendarWithSkeleton\n\n#### Влияние на компоненты\n- Патчи
`calendar-with-skeleton`\n\n\n### [#736](https://github.com/core-ds/core-components/pull/736)\n\n#### Что изменилось\n- Добавлена возможность переопределять props в компоненте InputAutocompleteModalMobile\n\n#### Влияние на компоненты\n- Патчи
`input-autocomplete`\n\n\n\n## 41.14.0\n\n\n\n### [#730](https://github.com/core-ds/core-components/pull/730)\n\n#### Что изменилось\n- Параметры `event` и `payload` в пропе `onClick` передаются всегда\n\n#### Влияние на компоненты\n- Минорное
`tag`\n\n\n\n## 41.13.0\n\n\n\n### [#723](https://github.com/core-ds/core-components/pull/723)\n\n#### Что изменилось\n- Добавлен проп disableFocusLock, отключающий ловушку фокуса\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n\n## 41.12.0\n\n\n\n### [#694](https://github.com/core-ds/core-components/pull/694)\n\n#### Что изменилось\n- Добавлен prop showHeaderWithSelectAll, с помощью которого добавляется чекбокс \"Выбрать все\" в заголовок выпадающего списка\n- Убраны hover-эффекты у опций в мобильной версии\n\n#### Влияние на компоненты\n- Минорное
`select`\n\n\n### [#712](https://github.com/core-ds/core-components/pull/712)\n\n#### Что изменилось\n- обновлены минорные версии @alfalab/utils и @alfalab/data\n\n#### Влияние на компоненты\n- Минорное
`amount-input` `amount` `attach` `confirmation-v1` `confirmation`
`intl-phone-input`\n\n\n\n## 41.11.0\n\n\n\n### [#677](https://github.com/core-ds/core-components/pull/677)\n\n#### Что изменилось\n- Добавлены новые цвета и режимы\n\n#### Влияние на компоненты\n- Минорное
`custom-button` `themes`\n\n\n### [#686](https://github.com/core-ds/core-components/pull/686)\n\n#### Что изменилось\n- Добавлена темизация для АО компоненту SideBar\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n\n### [#675](https://github.com/core-ds/core-components/pull/675)\n\n#### Что изменилось\n- feat(icon-view): Добавлены шейпы Rectangle и NoShape\n\n#### Влияние на компоненты\n- Минорное
`icon-view`\n\n\n### [#692](https://github.com/core-ds/core-components/pull/692)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой отображался некорректный номер при вставке телефона, начинающегося на +7 или 8, из буфера в инпут\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#693](https://github.com/core-ds/core-components/pull/693)\n\n#### Что изменилось\n- Фикс параметра borderRadius, добавлен параметр overflow\n\n#### Влияние на компоненты\n- Минорное
`underlay`\n\n\n\n## 41.10.0\n\n\n\n### [#685](https://github.com/core-ds/core-components/pull/685)\n\n#### Что изменилось\n- Добавлен проп spinnerClassName\n\n#### Влияние на компоненты\n- Минорное
`button`\n\n\n### [#678](https://github.com/core-ds/core-components/pull/678)\n\n#### Что изменилось\n- Добавлен компонент InputAutocompleteModalMobile\n\n#### Влияние на компоненты\n- Минорное
`input-autocomplete`\n\n
\n\n#### Что изменилось\n- Добавлен мобильный entryPoint.\n\n#### Влияние на компоненты\n- Минорное
`select`\n\n\n### [#673](https://github.com/core-ds/core-components/pull/673)\n\n#### Что изменилось\n- В мобильных модальных компонентах кнопка подтверждения теперь находится справа\n\n#### Влияние на компоненты\n- Минорное
`calendar` `input-autocomplete` `select`\n\n\n### [#689](https://github.com/core-ds/core-components/pull/689)\n\n#### Что изменилось\n- showFooter по-умолчанию выставлен в true\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#680](https://github.com/core-ds/core-components/pull/680)\n\n#### Что изменилось\n- Добавлен новый компонент CustomPickerButton\n\n#### Влияние на компоненты\n- Минорное
`custom-picker-button`\n\n\n- Патчи
`picker-button`\n\n\n### [#684](https://github.com/core-ds/core-components/pull/684)\n\n#### Что изменилось\n- Компонент Loader заменен на Spinner\n\n#### Влияние на компоненты\n- Минорное
`action-button`\n\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n#### Что изменилось\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n- Патчи
`calendar-input` `calendar-range` `calendar-with-skeleton` `date-range-input` `date-time-input`
\n\n\n### [#676](https://github.com/core-ds/core-components/pull/676)\n\n#### Что изменилось\n- Обновлена зависимость @alfalab/hooks\n\n#### Влияние на компоненты\n- Патчи
`action-button` `button` `calendar` `calendar-input` `checkbox`
`confirmation` `confirmation-v1` `filter-tag` `gallery` `input`
`input-autocomplete` `intl-phone-input` `keyboard-focusable` `link` `plate`
`pure-cell` `pure-input` `radio` `segmented-control` `select-with-tags`
`spinner` `switch` `tag` `textarea` `toast`
`tooltip`\n\n\n### [#690](https://github.com/core-ds/core-components/pull/690)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не выбиралась опция в React 18 на мобильных устройствах\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n\n## 41.9.0\n\n\n\n### [#681](https://github.com/core-ds/core-components/pull/681)\n\n#### Что изменилось\n- Поправлен размер шрифта у заголовка\n\n#### Влияние на компоненты\n- Патчи
`side-panel`\n\n\n### [865f8b492](https://github.com/core-ds/core-components/commit/865f8b4922e46a8011187447783fc26216846591)\n\n#### Что изменилось\n- Убран лишний пробел на мобильном hint-экране\n\n#### Влияние на компоненты\n- Патчи
`confirmation`\n\n\n### [#670](https://github.com/core-ds/core-components/pull/670)\n\n#### Что изменилось\n- feat(indicator): Добавлен новый компонент Indicator\n\n#### Влияние на компоненты\n- Минорное
`indicator`\n\n\n### [#679](https://github.com/core-ds/core-components/pull/679)\n\n#### Что изменилось\n- Добавлено значение auto для растягивания контента по всей высоте компонента Addon\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#665](https://github.com/core-ds/core-components/pull/665)\n\n#### Что изменилось\n- В компонент CalendarRange добавлено свойство returnInvalidDates, которое возвращает в коллбеке onChange невалидные даты\n\n#### Влияние на компоненты\n- Минорное
`calendar-range`\n\n\n\n## 41.8.0\n\n\n\n### [#668](https://github.com/core-ds/core-components/pull/668)\n\n#### Что изменилось\n- Токен белого цвета изменен на static\n\n#### Влияние на компоненты\n- Патчи
`switch`\n\n\n### [#674](https://github.com/core-ds/core-components/pull/674)\n\n#### Что изменилось\n- Изменена дефолтная высота компонента\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#657](https://github.com/core-ds/core-components/pull/657)\n\n#### Что изменилось\n- В компонент Calendar добавлено свойство showCurrentYearSelector , отвечающее за отображение текущего года\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n### [#667](https://github.com/core-ds/core-components/pull/667)\n\n#### Что изменилось\n- Изменены токены цвета иконок на static\n\n#### Влияние на компоненты\n- Патчи
`checkbox` `radio` `themes`\n\n\n### [#635](https://github.com/core-ds/core-components/pull/635)\n\n#### Что изменилось\n- Расширена область нажатия для кнопок в компонентах DateRangeInput, DateTimeInput, PasswordInput\n\n#### Влияние на компоненты\n- Патчи
`date-range-input` `date-time-input` `password-input`\n\n
\n\n#### Что изменилось\n- В компонент IconButton добавлен пропс alignIcon, отвечающий за выравнивание иконки\n\n#### Влияние на компоненты\n- Минорное
`icon-button`\n\n
\n\n#### Что изменилось\n- Обновлена версия пакета @alfalab/icons-glyph в зависимостях\n\n#### Влияние на компоненты\n- Патчи
`attach` `bank-card` `calendar` `checkbox` `confirmation-v1`
`confirmation` `dropzone` `file-upload-item` `gallery` `input`
`modal` `navigation-bar` `pass-code` `password-input` `picker-button`
`select-with-tags` `select` `sortable-list` `steps` `toast-plate`
\n\n\n### [#659](https://github.com/core-ds/core-components/pull/659)\n\n#### Что изменилось\n- dataTestId теперь устанавливается и на кнопку таба, а не только на контент\n\n#### Влияние на компоненты\n- Минорное
`tabs`\n\n\n### [#672](https://github.com/core-ds/core-components/pull/672)\n\n#### Что изменилось\n- Добавлена возможность прокидывать обработчик нажатия на период в шапке со слайдером\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n### [#666](https://github.com/core-ds/core-components/pull/666)\n\n#### Что изменилось\n- Для активного таба токены фона и текста изменены на static\n\n#### Влияние на компоненты\n- Патчи
`segmented-control`\n\n\n\n## 41.7.0\n\n\n\n### [#661](https://github.com/core-ds/core-components/pull/661)\n\n#### Что изменилось\n- Добавлен параметр maxDialCodeLength в компонент intl-phone-input, который задаёт максимальную длину телефонного кода страны\n\n#### Влияние на компоненты\n- Минорное
`intl-phone-input`\n\n\n\n## 41.6.0\n\n\n\n### [#658](https://github.com/core-ds/core-components/pull/658)\n\n#### Что изменилось\nИзменения для Corp theme:\n 1. Перевод цветовой палитры с bluetint на indigo\n 2. Приведение компонентов Select, Input, Button к прошлому виду\n\n#### Влияние на компоненты\n- Минорное
`button` `tabs` `themes` `vars`\n\n\n\n## 41.5.0\n\n\n\n### [#643](https://github.com/core-ds/core-components/pull/643)\n\n#### Что изменилось\n- Добавлен новый проп extraBounds, за счет которого можно увеличить площадь прослушивания события touchMove\n\n#### Влияние на компоненты\n- Минорное
`pattern-lock`\n\n\n### [#652](https://github.com/core-ds/core-components/pull/652)\n\n#### Что изменилось\n- Исправлены ошибки, из-за которых onChange вызывался на первый рендер компонента и не работал проп onInputChange\n\n#### Влияние на компоненты\n- Патчи
`calendar-range`\n\n\n### [#636](https://github.com/core-ds/core-components/pull/636)\n\n#### Что изменилось\n- В компоненте Button удалена темизация site для всех view, кроме 'primary'\n\n#### Влияние на компоненты\n- Минорное
`button` `themes`\n\n\n### [#647](https://github.com/core-ds/core-components/pull/647)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой неверно вычислялось свойство контекста hasScroll в мобильной версии компонента\n\n#### Влияние на компоненты\n- Патчи
`side-panel`\n\n\n### [#654](https://github.com/core-ds/core-components/pull/654)\n\n#### Что изменилось\n- Удалены лишние dependencies, добавлены отсутствующие\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet` `confirmation` `filter-tag` `intl-phone-input` `modal`
`pagination` `pattern-lock` `phone-input` `picker-button` `side-panel`
`slider` `slider-input` `tabs` `time-input` `underlay`
\n\n\n### [#655](https://github.com/core-ds/core-components/pull/655)\n\n#### Что изменилось\n- Исправлена генерация идентификаторов для изображений\n\n#### Влияние на компоненты\n- Патчи
`icon-view`\n\n\n### [#649](https://github.com/core-ds/core-components/pull/649)\n\n#### Что изменилось\n- Исправлен паттерн с positiveOnly={false}\n\n#### Влияние на компоненты\n- Патчи
`amount-input`\n\n\n### [#648](https://github.com/core-ds/core-components/pull/648)\n\n#### Что изменилось\n- Немного изменен функционал определения высоты выпадающего списка. Сейчас, если задан параметр visibleOptions и кол-во опций превышает этот параметр только на единицу, то будут отображаться все опции\n\n#### Влияние на компоненты\n- Минорное
`select`\n\n\n\n## 41.4.0\n\n\n\n### [#633](https://github.com/core-ds/core-components/pull/633)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой при пустом значении defaultCountryIso2 неверно форматировались российские номера\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#645](https://github.com/core-ds/core-components/pull/645)\n\n#### Что изменилось\n- Изменение вида primary и accent кнопок в corp theme\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n\n### [#629](https://github.com/core-ds/core-components/pull/629)\n\n#### Что изменилось\n- Исправлены заголовки в теме click\n\n#### Влияние на компоненты\n- Патчи
`system-message` `themes`\n\n\n### [#646](https://github.com/core-ds/core-components/pull/646)\n\n#### Что изменилось\n- Исправлена ошибка с типами в responsive компоненте\n\n#### Влияние на компоненты\n- Патчи
`input-autocomplete`\n\n\n\n## 41.3.1\n\n\n\n### [#622](https://github.com/core-ds/core-components/pull/622)\n\n#### Что изменилось\n- Убраны отрицательные отступы справа для списка тэгов, теперь тэги не будут выходить за пределы контейнера\n\n#### Влияние на компоненты\n- Патчи
`checkbox-group` `radio-group`\n\n\n### [#642](https://github.com/core-ds/core-components/pull/642)\n\n#### Что изменилось\n- Исправлена ошибка с прокидкой пропсов в OptionsList в мобильной версии компонента\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n\n## 41.3.0\n\n\n\n### [#631](https://github.com/core-ds/core-components/pull/631)\n\n#### Что изменилось\nПеревод Corp темы с indigo на bluetint\nПриведение компонентов Button, Input в Corp теме к default Core view\n\n#### Влияние на компоненты\n- Минорное
`button` `tabs` `themes` `vars`\n\n\n\n## 41.2.0\n\n\n\n### [#623](https://github.com/core-ds/core-components/pull/623)\n\n#### Что изменилось\n- Tокены 'dark' заменены на аналогичные 'light'\n\n#### Влияние на компоненты\n- Патчи
`filter-tag` `tag` `themes` `vars`\n\n\n### [#632](https://github.com/core-ds/core-components/pull/632)\n\n#### Что изменилось\n- Исправлено название свойства strokeDasharray (strokeDashArray -> strokeDasharray)\n\n#### Влияние на компоненты\n- Патчи
`chart`\n\n\n### [#630](https://github.com/core-ds/core-components/pull/630)\n\n#### Что изменилось\n- Исправлен тип magneticAreas\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet`\n\n\n### [#616](https://github.com/core-ds/core-components/pull/616)\n\n#### Что изменилось\n- Добавлены пропсы dayAddons - отвечает за дополнительный контент под числом, shape - форма ячейки дня (круглая или прямоугольная)\n\n#### Влияние на компоненты\n- Минорное
`calendar`\n\n\n### [#619](https://github.com/core-ds/core-components/pull/619)\n\n#### Что изменилось\n- Добавлена пропса colors отвечающая за смену default и inverted режимов\n\n#### Влияние на компоненты\n- Минорное
`stepped-progress-bar`\n\n\n### [#625](https://github.com/core-ds/core-components/pull/625)\n\n#### Что изменилось\n- Исправлен радиус скругления для прямоугольной формы компонента\n\n#### Влияние на компоненты\n- Патчи
`segmented-control`\n\n\n### [#621](https://github.com/core-ds/core-components/pull/621)\n\n#### Что изменилось\n- Добавлены пропсы color - цветовое оформление бейджа при view='count' и iconUnderlayColor - цвет подложки под иконкой\n\n#### Влияние на компоненты\n- Минорное
`badge`\n\n\n\n## 41.1.0\n\n\n\n### [#618](https://github.com/core-ds/core-components/pull/618)\n\n#### Что изменилось\n- Исправлено скругление рамки при использовании `view=\"hint\"`\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n### [#628](https://github.com/core-ds/core-components/pull/628)\n\n#### Что изменилось\n- Добавлена переменная --navigation-bar-closer-mobile-color для управления цветом мобильной версии Closer.\n- Добавлена темизация click мобильной версии Closer\n\n#### Влияние на компоненты\n- Минорное
`navigation-bar` `themes`\n\n\n### [#613](https://github.com/core-ds/core-components/pull/613)\n\n#### Что изменилось\n- Обновлен дизайн в компоненте Textarea\n\n#### Влияние на компоненты\n- Патчи
`form-control` `textarea`\n\n\n\n## 41.0.1\n\n\n\n### [#624](https://github.com/core-ds/core-components/pull/624)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не исчезали точки при стирании кода на старых iPhone\n\n#### Влияние на компоненты\n- Патчи
`pass-code`\n\n\n\n## 41.0.0\n\n\n\n### [#615](https://github.com/core-ds/core-components/pull/615)\n\n#### Что изменилось\n- Обновлена зависимость react-swipeable до 7.0.0\n\n#### Влияние на компоненты\n- Патчи
`notification`\n\n
\n\n#### Что изменилось\n- Проп invisible теперь привязан к пропу open CssTransitionGroup\n\n#### Влияние на компоненты\n- Патчи
`backdrop`\n\n
\n\n#### Что изменилось\n- Добавлены магнитные области. Полное описание изменений в [#615](https://github.com/core-ds/core-components/pull/615)\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n
\n\n#### Что изменилось\n- Компонент был обернут в forwardRef\n\n#### Влияние на компоненты\n- Минорное
`navigation-bar`\n\n\n### [#620](https://github.com/core-ds/core-components/pull/620)\n\n#### Что изменилось\n- Обновлённая типографика: миксины promo-mobile и promo-system-mobile\n\n#### Влияние на компоненты\n- Минорное
`vars`\n\n\n### [#599](https://github.com/core-ds/core-components/pull/599)\n\n#### Что изменилось\n### Переработана работа компонента SelectMobile с подтверждением.\n\nТеперь для использования выбора опций с подтверждением необходимо использовать внешнее состояние, также как и в десктопной версии компонента.\n\n#### Влияние на компоненты\n- Мажорное
`select`\n\n\n### [#607](https://github.com/core-ds/core-components/pull/607)\n\n#### Что изменилось\n- Добавлены новые пропс valueTo - второе значение диапазона и behaviour - определяет поведение ползунка\n\n#### Влияние на компоненты\n- Минорное
`slider`\n\n\n\n## 40.2.0\n\n\n\n### [#604](https://github.com/core-ds/core-components/pull/604)\n\n#### Что изменилось\n- Добавлен новый prop backgroundColor\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet` `vars`\n\n\n### [#612](https://github.com/core-ds/core-components/pull/612)\n\n#### Что изменилось\n- Исправлены отступы\n\n#### Влияние на компоненты\n- Патчи
`calendar` `calendar-input`\n\n\n### [#603](https://github.com/core-ds/core-components/pull/603)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой трек слайдера исчезал при зуме\n\n#### Влияние на компоненты\n- Патчи
`slider`\n\n\n### [#556](https://github.com/core-ds/core-components/pull/556)\n\n#### Что изменилось\n- Заданы статичные цвета для компонента Gallery. Добавлены новые css-переменные.\n\n#### Влияние на компоненты\n- Минорное
`gallery` `vars`\n\n\n### [#614](https://github.com/core-ds/core-components/pull/614)\n\n#### Что изменилось\n- Добавлен новый необязательный prop container для прокидывания в компонент Portal\n\n#### Влияние на компоненты\n- Минорное
`notification-manager`\n\n\n\n## 40.1.0\n\n\n\n### [#606](https://github.com/core-ds/core-components/pull/606)\n\n#### Что изменилось\n- Кнопки в состоянии disabled в теме click теперь соответствуют default\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n\n### [#605](https://github.com/core-ds/core-components/pull/605)\n\n#### Что изменилось\n- Переработан кастомный скроллбар. Теперь используется CSS реализация.\n\n#### Влияние на компоненты\n- Минорное
`textarea`\n\n\n### [#589](https://github.com/core-ds/core-components/pull/589)\n\n#### Что изменилось\n- Добавлен новый пропс allowOverflow отвечающий за добавление логики переполнения, если количество символов превышает maxLength\n\n#### Влияние на компоненты\n- Минорное
`textarea`\n\n\n\n## 40.0.0\n\n\n\n### [#597](https://github.com/core-ds/core-components/pull/597)\n\n#### Что изменилось\n- Изменен цвет фона инпута\n\n#### Влияние на компоненты\n- Патчи
`code-input`\n\n\n### [#602](https://github.com/core-ds/core-components/pull/602)\n\n#### Что изменилось\n- Небольшое исправление компонента\n\n#### Влияние на компоненты\n- Патчи
`picker-button`\n\n\n### [#586](https://github.com/core-ds/core-components/pull/586)\n\n#### Что изменилось\n- Исправлен порядок обновления pips и value. Раньше при одновременном изменении pips и value слайдер устанавливался на неверную позицию\n\n#### Влияние на компоненты\n- Патчи
`slider`\n\n\n### [#584](https://github.com/core-ds/core-components/pull/584)\n\n#### Что изменилось\n- Удалены хардкод стили выпадающего списка. Теперь стили такие же как и у селекта\n\n#### Влияние на компоненты\n- Патчи
`picker-button`\n\n\n### [#582](https://github.com/core-ds/core-components/pull/582)\n\n#### Что изменилось\nДефолтная тема сменит палитру Indigo на палитру Bluetint.\n\nОсновные изменения:\n- Изменятся оттенки серого, тёмный режим начнёт выглядеть хорошо, а веб интерфейсы в дефолтной теме будут еще больше похожи на нативные мобильные.\n- Вместе с изменением палитры будет перекрашена Primary-кнопка. Она станет чёрной, как в мобилке. Недавно добавленная Accent-кнопка останется красной.\n\nЕсли в своём продукте вы хотите чтобы кнопки, которые используются у вас в интерфейсе, остались красными, то используйте [кодмод](https://www.npmjs.com/package/@alfalab/core-components-codemod/v/2.3.1), который заменит во всех кнопках view=primary на view=accent. Тогда они останутся красными.\n\nТакже если вы используете индексный файл с переменными (vars/index.css) , то рекомендуем вам [перейти на один из бандлов](https://github.com/core-ds/core-components/tree/master/packages/vars/src/bundle), подготовленных под продукты (например, vars/bundle/click.css).\nВ этих бандлах всегда будет правильный набор переменных для вашего продукта. Если в продукте встречаются очень старые deprecated цвета из файла vars/colors.css, дополнительно подключите его (Он всё ещё есть в индексном файле, но в бандлы его уже не добавляли).\n\n#### Влияние на компоненты\n- Мажорное
`button` `themes` `vars`\n\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n#### Что изменилось\n- Добавлен \\_\\_esModule в cjs экспорт\n\n#### Влияние на компоненты\n- Патчи
`base-modal` `collapse` `drawer` `intl-phone-input` `modal`
`space` `toast` `action-button` `alert` `amount`
`amount-input` `attach` `backdrop` `badge` `bank-card`
`bottom-sheet` `button` `calendar` `calendar-input` `calendar-range`
`calendar-with-skeleton` `card-image` `cdn-icon` `chart` `checkbox`
`checkbox-group` `circular-progress-bar` `code-input` `comment` `confirmation`
`confirmation-v1` `custom-button` `date-input` `date-range-input` `date-time-input`
`divider` `dropzone` `file-upload-item` `filter-tag` `form-control`
`gallery` `gap` `generic-wrapper` `global-store` `grid`
`hatching-progress-bar` `icon-button` `icon-view` `input` `input-autocomplete`
`keyboard-focusable` `link` `list` `list-header` `loader`
`masked-input` `mq` `navigation-bar` `notification` `notification-manager`
`number-input` `pagination` `pass-code` `password-input` `pattern-lock`
`phone-input` `picker-button` `plate` `popover` `portal`
`progress-bar` `pure-cell` `pure-input` `radio` `radio-group`
`scrollbar` `segmented-control` `select` `select-with-tags` `side-panel`
`skeleton` `slider` `slider-input` `sortable-list` `spinner`
`stack` `status` `stepped-progress-bar` `steps` `switch`
`system-message` `table` `tabs` `tag` `textarea`
`themes` `time-input` `toast-plate` `tooltip` `typography`
`underlay` `vars` `with-suffix`\n\n\n### [#601](https://github.com/core-ds/core-components/pull/601)\n\n#### Что изменилось\n- Добавлена очистка таймера при анмаунте компонента\n\n#### Влияние на компоненты\n- Патчи
`toast`\n\n\n### [#587](https://github.com/core-ds/core-components/pull/587)\n\n#### Что изменилось\n- Добавлена переменная в css для фона в компоненте IconView\n\n#### Влияние на компоненты\n- Патчи
`icon-view`\n\n\n### [#558](https://github.com/core-ds/core-components/pull/558)\n\n#### Что изменилось\n- Добавлены пропсы childrenRef и childrenClassName, добавлен стиль white-space: nowrap;\n\n#### Влияние на компоненты\n- Минорное
`tag`\n\n\n### [#580](https://github.com/core-ds/core-components/pull/580)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой неверно удалялись символы из выбранного диапозона\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#598](https://github.com/core-ds/core-components/pull/598)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой у Select-а в задизейбленном состоянии менялся фон при фокусировке\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n\n## 39.4.0\n\n\n\n### [#579](https://github.com/core-ds/core-components/pull/579)\n\n#### Что изменилось\n- Добавлены новые правила форматирования для DateInput, DateRangeInput, DateTimeInput\n\n#### Влияние на компоненты\n- Минорное
`date-input` `date-range-input` `date-time-input`\n\n\n### [#595](https://github.com/core-ds/core-components/pull/595)\n\n#### Что изменилось\n- Добавлены пропы closerClassName и closerWrapperClassname\n\n#### Влияние на компоненты\n- Патчи
`toast-plate`\n\n\n\n## 39.3.0\n\n\n\n### [#565](https://github.com/core-ds/core-components/pull/565)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не вызывался onChange, если было передано недопустимое значение\n\n#### Влияние на компоненты\n- Патчи
`number-input`\n\n\n### [#585](https://github.com/core-ds/core-components/pull/585)\n\n#### Что изменилось\n- Исправлены стили бордера выпадающего списка\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#576](https://github.com/core-ds/core-components/pull/576)\n\n#### Что изменилось\n- Добавлен новый компонент SystemMessage\n\n#### Влияние на компоненты\n- Минорное
`system-message`\n\n\n### [#571](https://github.com/core-ds/core-components/pull/571)\n\n#### Что изменилось\n- Добавлен новый breakpoint - mobile-xs\n\n#### Влияние на компоненты\n- Минорное
`grid`\n\n\n### [#567](https://github.com/core-ds/core-components/pull/567)\n\n#### Что изменилось\n- Ограничена максимальная ширина компонента ModalMobile до 600px\n\n#### Влияние на компоненты\n- Патчи
`modal`\n\n\n### [#568](https://github.com/core-ds/core-components/pull/568)\n\n#### Что изменилось\n- Ограничена максимальная ширина компонента SidePanelMobile до 600px\n\n#### Влияние на компоненты\n- Патчи
`side-panel`\n\n\n\n## 39.2.1\n\n\n\n### [#557](https://github.com/core-ds/core-components/pull/557)\n\n#### Что изменилось\n- Добавлены бордеры у выпадающих меню\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet` `calendar-input` `calendar-with-skeleton` `date-range-input` `date-time-input`
`picker-button` `select` `tooltip`\n\n\n### [#554](https://github.com/core-ds/core-components/pull/554)\n\n#### Что изменилось\n- Изменена ширина бордера с 2 пикселей на 1\n\n#### Влияние на компоненты\n- Патчи
`dropzone`\n\n\n\n## 39.2.0\n\n\n\n### [#547](https://github.com/core-ds/core-components/pull/547)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой контент с z-index, отличным от auto, наезжал на sticky footer\n\n#### Влияние на компоненты\n- Патчи
`bottom-sheet`\n\n\n### [#566](https://github.com/core-ds/core-components/pull/566)\n\n#### Что изменилось\n- Изменен цвет иконки в теме click\n\n#### Влияние на компоненты\n- Патчи
`icon-view` `themes`\n\n\n### [#564](https://github.com/core-ds/core-components/pull/564)\n\n#### Что изменилось\n- Значение value при сбросе изменено на null\n\n#### Влияние на компоненты\n- Патчи
`number-input`\n\n\n### [#561](https://github.com/core-ds/core-components/pull/561)\n\n#### Что изменилось\n- Замена css-переменных для миксина кнопок в corp теме на переменные из default темы\n\n#### Влияние на компоненты\n- Минорное
`themes`\n\n\n### [#546](https://github.com/core-ds/core-components/pull/546)\n\n#### Что изменилось\n- Обновление vars из последней версии ui-primitives, deprecated и 'old' цвета отмечены комментарием /* deprecated */\n\n#### Влияние на компоненты\n- Патчи
`themes` `vars`\n\n\n### [#574](https://github.com/core-ds/core-components/pull/574)\n\n#### Что изменилось\n- Сброшена темизация скругления в теме intranet для shape: rounded\n\n#### Влияние на компоненты\n- Минорное
`tag` `themes`\n\n\n### [#550](https://github.com/core-ds/core-components/pull/550)\n\n#### Что изменилось\n- Исправлен цвет выделения диапазона в темной теме\n\n#### Влияние на компоненты\n- Патчи
`calendar` `themes` `vars`\n\n\n### [#569](https://github.com/core-ds/core-components/pull/569)\n\n#### Что изменилось\n- Исправлены типы в InputAutocompleteResponsive\n\n#### Влияние на компоненты\n- Патчи
`input-autocomplete`\n\n\n### [#555](https://github.com/core-ds/core-components/pull/555)\n\n#### Что изменилось\n- Убрана фокусная рамка\n\n#### Влияние на компоненты\n- Патчи
`scrollbar`\n\n\n### [#563](https://github.com/core-ds/core-components/pull/563)\n\n#### Что изменилось\n- Исправлены стили диапозона в календаре\n\n#### Влияние на компоненты\n- Патчи
`calendar`\n\n\n### [#549](https://github.com/core-ds/core-components/pull/549)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой контент с z-index, отличным от auto, наезжал на sticky footer и header\n\n#### Влияние на компоненты\n- Патчи
`modal`\n\n\n### [#551](https://github.com/core-ds/core-components/pull/551)\n\n#### Что изменилось\n- Исправлена высота плашки при наличии аддонов\n\n#### Влияние на компоненты\n- Патчи
`plate`\n\n\n### [#548](https://github.com/core-ds/core-components/pull/548)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой контент с z-index, отличным от auto, наезжал на sticky footer и header\n\n#### Влияние на компоненты\n- Патчи
`side-panel`\n\n\n### [#562](https://github.com/core-ds/core-components/pull/562)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой компоненты обёрнутые в PureCell.Text не получали стили от Typography\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#542](https://github.com/core-ds/core-components/pull/542)\n\n#### Что изменилось\n- Добавили props colorMarker и caption, отвечающие за цвет маркера и дополнительный текст. Изменили размер контейнера для маркера\n\n#### Влияние на компоненты\n- Минорное
`list`\n\n\n\n## 39.1.1\n\n\n\n### [#559](https://github.com/core-ds/core-components/pull/559)\n\n#### Что изменилось\n- Фикс доступности с клавиатуры, добавление скриншот тестов для компонентов с использованием Tag\n\n#### Влияние на компоненты\n- Патчи
`checkbox-group` `radio-group`\n\n\n### [#545](https://github.com/core-ds/core-components/pull/545)\n\n#### Что изменилось\n- Добавлен пропс hideCountdownSection, с помощью которого можно скрыть секцию с обратным отсчетом и кнопкой с повторным запросом кода\n\n#### Влияние на компоненты\n- Патчи
`confirmation`\n\n\n### [#570](https://github.com/core-ds/core-components/pull/570)\n\n#### Что изменилось\n- Исправлено выравнивание по центру\n\n#### Влияние на компоненты\n- Патчи
`navigation-bar`\n\n\n\n## 39.1.0\n\n\n\n### [c8ff5d47b](https://github.com/core-ds/core-components/commit/c8ff5d47b5326a0ffbb5f0b751fa45d80770a8e9)\n\n#### Что изменилось\n- Удален line-height\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#540](https://github.com/core-ds/core-components/pull/540)\n\n#### Что изменилось\n- Изменена нода с overflow: auto в SidePanelMobile\n\n#### Влияние на компоненты\n- Патчи
`base-modal` `bottom-sheet` `modal` `navigation-bar` `side-panel`
\n\n\n### [#543](https://github.com/core-ds/core-components/pull/543)\n\n#### Что изменилось\n- Исправлен цвет лоадера в mobile, click, intranet темах\n\n#### Влияние на компоненты\n- Патчи
`button` `themes`\n\n\n### [#528](https://github.com/core-ds/core-components/pull/528)\n\n#### Что изменилось\n- Добавлен новый компонент SegmentedControl.\n\n#### Влияние на компоненты\n- Минорное
`segmented-control`\n\n\n\n## 39.0.0\n\n\n\n### [#494](https://github.com/core-ds/core-components/pull/494)\n\n#### Что изменилось\n- В ModalContext у base-modal добавлен ref на div-обертку модальных окон\n- У компонентов Modal, SidePanel и BottomSheet обновлён компонент заголовка и изменены основные отступы
\n\n#### Влияние на компоненты\n- Мажорное
`bottom-sheet` `modal` `side-panel`\n\n\n- Минорное
`base-modal` `navigation-bar`\n\n\n- Патчи
`themes`\n\n\n### [#531](https://github.com/core-ds/core-components/pull/531)\n\n#### Что изменилось\n- Добавлены static цвета для Typography\n\n#### Влияние на компоненты\n- Минорное
`typography`\n\n\n### [#532](https://github.com/core-ds/core-components/pull/532)\n\n#### Что изменилось\n- Добавлен новый компонент SortableList\n\n#### Влияние на компоненты\n- Минорное
`sortable-list`\n\n\n### [#521](https://github.com/core-ds/core-components/pull/521)\n\n#### Что изменилось\n- Исправлена ошибка, из-за которой не вызывался onLoad callback\n\n#### Влияние на компоненты\n- Патчи
`card-image`\n\n\n### [#511](https://github.com/core-ds/core-components/pull/511)\n\n#### Что изменилось\n- Добавлен новый компонент Underlay\n\n#### Влияние на компоненты\n- Минорное
`underlay`\n\n\n\n## 38.4.0\n\n\n\n### [#516](https://github.com/core-ds/core-components/pull/516)\n\n#### Что изменилось\n- Добавлена кнопка \"Забыли код?\"\n\n#### Влияние на компоненты\n- Минорное
`pattern-lock`\n\n\n### [#517](https://github.com/core-ds/core-components/pull/517)\n\n#### Что изменилось\n- Изменили внутренний компонент с MaskedInput на Input\n\n#### Влияние на компоненты\n- Патчи
`number-input`\n\n\n### [#498](https://github.com/core-ds/core-components/pull/498)\n\n#### Что изменилось\n- Добавлены новые пропс shape и view отвечающие за форму и стиль тега\n\n#### Влияние на компоненты\n- Минорное
`filter-tag` `tag`\n\n\n### [#490](https://github.com/core-ds/core-components/pull/490)\n\n#### Что изменилось\n- Добавлен новый пропс onClose - обработчик закрытия календаря\n\n#### Влияние на компоненты\n- Патчи
`date-range-input`\n\n\n### [#513](https://github.com/core-ds/core-components/pull/513)\n\n#### Что изменилось\n- Изменены типы onChange коллбэка.\n\n#### Влияние на компоненты\n- Патчи
`checkbox` `checkbox-group` `radio` `radio-group` `switch`
\n\n\n### [#504](https://github.com/core-ds/core-components/pull/504)\n\n#### Что изменилось\n- Исправлена ошибка с label в SelectMobile. Теперь, чтобы задать заголовок выпадающему списку достаточно передать только проп label. До исправления заголовок устанавливался только пропом placeholder\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#534](https://github.com/core-ds/core-components/pull/534)\n\n#### Что изменилось\n- Удалены restProps\n\n#### Влияние на компоненты\n- Патчи
`filter-tag`\n\n\n### [#525](https://github.com/core-ds/core-components/pull/525)\n\n#### Что изменилось\n- Исправлены отступы с labelView='outer'\n\n#### Влияние на компоненты\n- Патчи
`select-with-tags`\n\n\n### [#507](https://github.com/core-ds/core-components/pull/507)\n\n#### Что изменилось\n- Исправлены ошибки, из-за которых компонент неверно реагировал на изменение свойства value извне и неверно отображался активный месяц в календаре\n\n#### Влияние на компоненты\n- Патчи
`date-range-input`\n\n\n### [#524](https://github.com/core-ds/core-components/pull/524)\n\n#### Что изменилось\n- Исправлен баг, из-за которого отсутствовал hover-эффект на старых браузерах\n\n#### Влияние на компоненты\n- Патчи
`filter-tag`\n\n\n### [#537](https://github.com/core-ds/core-components/pull/537)\n\n#### Что изменилось\n- Доработан скрипт сборки тем\n\n#### Влияние на компоненты\n- Патчи
`vars` `themes`\n\n\n### [#527](https://github.com/core-ds/core-components/pull/527)\n\n#### Что изменилось\n- Добавлен новый view: 'accent'\n\n#### Влияние на компоненты\n- Минорное
`button`\n\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n#### Что изменилось\n- В зависимости добавлена библиотека tslib\n\n#### Влияние на компоненты\n- Патчи
`action-button` `alert` `amount` `amount-input` `attach`
`backdrop` `badge` `bank-card` `base-modal` `bottom-sheet`
`button` `calendar` `calendar-input` `calendar-range` `calendar-with-skeleton`
`card-image` `cdn-icon` `chart` `checkbox` `checkbox-group`
`circular-progress-bar` `code-input` `collapse` `comment` `confirmation`
`confirmation-v1` `custom-button` `date-input` `date-range-input` `date-time-input`
`divider` `drawer` `dropzone` `file-upload-item` `filter-tag`
`form-control` `gallery` `gap` `generic-wrapper` `grid`
`hatching-progress-bar` `icon-button` `icon-view` `input` `input-autocomplete`
`intl-phone-input` `keyboard-focusable` `link` `list` `list-header`
`loader` `masked-input` `modal` `mq` `notification`
`notification-manager` `number-input` `pagination` `pass-code` `password-input`
`pattern-lock` `phone-input` `picker-button` `plate` `popover`
`portal` `progress-bar` `pure-cell` `pure-input` `radio`
`radio-group` `scrollbar` `select` `select-with-tags` `side-panel`
`skeleton` `slider` `slider-input` `space` `spinner`
`stack` `status` `stepped-progress-bar` `steps` `switch`
`table` `tabs` `tag` `textarea` `time-input`
`toast` `toast-plate` `tooltip` `typography` `with-suffix`
\n\n\n### [#522](https://github.com/core-ds/core-components/pull/522)\n\n#### Что изменилось\n- Исправлена TS ошибка \"ref does not exist on type\"\n\n#### Влияние на компоненты\n- Патчи
`calendar-input` `date-range-input` `date-time-input` `calendar` `input-autocomplete`
\n\n\n\n## 38.3.0\n\n\n\n
Версия не рекомендуется к использованию, сломана темизация, используйте 38.4.0 и выше.
\n\n### [#529](https://github.com/core-ds/core-components/pull/529)\n\n#### Что изменилось\n- В `PureCell.Text` добавлена пропса `titleWeight` и два варианта `view`\n\n#### Влияние на компоненты\n- Минорное
`pure-cell`\n\n\n\n## 38.2.0\n\n\n\n
Версия не рекомендуется к использованию, сломана темизация, используйте 38.4.0 и выше.
\n\n### [#520](https://github.com/core-ds/core-components/pull/520)\n\n#### Что изменилось\n- Исправлено некорректное поведение collapsible вкладок в браузере Firefox\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#499](https://github.com/core-ds/core-components/pull/499)\n\n#### Что изменилось\n- Исправлен размер 40 для компонента Сircle\n\n#### Влияние на компоненты\n- Патчи
`icon-view`\n\n\n### [#509](https://github.com/core-ds/core-components/pull/509)\n\n#### Что изменилось\n- Добавлен экспорт TooltipResponsiveProps\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n### [#512](https://github.com/core-ds/core-components/pull/512)\n\n#### Что изменилось\n- fix(intl-phone-input): исправлена вставка в пустое поле номера без \"+\"\n\n#### Влияние на компоненты\n- Патчи
`intl-phone-input`\n\n\n### [#510](https://github.com/core-ds/core-components/pull/510)\n\n#### Что изменилось\n- В Select исправлено выделение опций на iOS с пропом `Options={BaseOptions}`\n- В Checkbox добавлен проп hiddenInput, с помощью которого можно скрыть нативный input
\n\n#### Влияние на компоненты\n- Минорное
`checkbox`\n\n\n- Патчи
`select`\n\n\n### [#497](https://github.com/core-ds/core-components/pull/497)\n\n#### Что изменилось\n- fix(select): virtual options list\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n- Патчи
`select`\n\n\n### [#505](https://github.com/core-ds/core-components/pull/505)\n\n#### Что изменилось\n- Исправлена позиция лоадера при display: block\n\n#### Влияние на компоненты\n- Патчи
`button`\n\n\n### [#523](https://github.com/core-ds/core-components/pull/523)\n\n#### Что изменилось\n- Обновлена зависимость react-focus-lock\n\n#### Влияние на компоненты\n- Патчи
`base-modal`\n\n\n### [#486](https://github.com/core-ds/core-components/pull/486)\n\n#### Что изменилось\n- Добавлен файл main.css с базовыми стилями\n\n#### Влияние на компоненты\n- Минорное
`vars`\n\n\n\n## 38.0.0\n\n\n\n### [#500](https://github.com/core-ds/core-components/pull/500)\n\n#### Что изменилось\n- Обвновлён bundle site.css для перехода на палитру bluetint\n\n#### Влияние на компоненты\n- Мажорное
`vars`\n\n\n### [#493](https://github.com/core-ds/core-components/pull/493)\n\n#### Что изменилось\n- Удаление темизации click для компонентов input, button, form-control, slider, slider-input, backdrop. Теперь эти компоненты соответствуют default теме.\n
\nКомпоненты button, radio, checkbox теперь соответствуют теме mobile.
\n
\nПереработан компонент select в теме click, вместо badge используется checkbox для multiple и CheckmarkMIcon для одинчного выбора.
\n
\nЗамена токена --circular-progress-bar-bg-color на --circular-progress-bar-stroke-color
\n\n#### Влияние на компоненты\n- Мажорное
`themes`\n\n\n### [#503](https://github.com/core-ds/core-components/pull/503)\n\n#### Что изменилось\n- Обновление палитры bluetint: корректировка контраста text и graphic цветов\n\n#### Влияние на компоненты\n- Патчи
`vars`\n\n\n### [#491](https://github.com/core-ds/core-components/pull/491)\n\n#### Что изменилось\n- Обновлены внутренние переменные (themes/default.css) для размеров кнопок (xxs добавлен, xs исправлен)\n\n#### Влияние на компоненты\n- Мажорное
`themes`\n\n\n- Патчи
`button` `filter-tag` `tag`\n\n\n\n## 37.5.1\n\n\n\n### [#508](https://github.com/core-ds/core-components/pull/508)\n\n#### Что изменилось\n- Исправлена ошщибка \"replace is not a funcion\", если кастомный инпут в onChange обработчике возвращал число, а не строку\n\n#### Влияние на компоненты\n- Патчи
`slider-input`\n\n\n### [#502](https://github.com/core-ds/core-components/pull/502)\n\n#### Что изменилось\n- Исправлен экспорт css-переменных в js. Теперь js-файл есть как в рут пакете, так и core-components-vars\n\n#### Влияние на компоненты\n- Патчи
`vars`\n\n\n\n## 37.5.0\n\n\n\n### [#492](https://github.com/core-ds/core-components/pull/492)\n\n#### Что изменилось\n- Добавлены тени для палитры bluetint (shadows-bluetint.css) и продуктовые бандлы переменных (vars/bundle/corp.css и др.)\n\n#### Влияние на компоненты\n- Минорное
`vars`\n\n\n### [#455](https://github.com/core-ds/core-components/pull/455)\n\n#### Что изменилось\n- Добавлен новый компонент NumberInput\n\n#### Влияние на компоненты\n- Минорное
`number-input`\n\n\n### [#464](https://github.com/core-ds/core-components/pull/464)\n\n#### Что изменилось\n- Исправлена ошибка из-за которой tooltip не закрывался на touch устройствах\n\n#### Влияние на компоненты\n- Патчи
`tooltip`\n\n\n### [06cb65be9](https://github.com/core-ds/core-components/commit/06cb65be9eade56697f8e5494b8960d5917a5fad)\n\n#### Что изменилось\n- Добавлено свойство container. Теперь есть возможность указать ноду, в которой будет рендериться bottom-sheet\n\n#### Влияние на компоненты\n- Минорное
`bottom-sheet`\n\n\n### [#470](https://github.com/core-ds/core-components/pull/470)\n\n#### Что изменилось\n- Обновлена версия react-transition-group\n\n#### Влияние на компоненты\n- Патчи
`backdrop` `base-modal` `bottom-sheet` `calendar-with-skeleton` `modal`
`notification-manager` `pass-code` `popover` `toast`\n\n\n### [#476](https://github.com/core-ds/core-components/pull/476)\n\n#### Что изменилось\n- Исправлено вычисление свойств minDate и maxDate, если они в одном месяце\n\n#### Влияние на компоненты\n- Патчи
`calendar-range`\n\n\n### [#472](https://github.com/core-ds/core-components/pull/472)\n\n#### Что изменилось\n- Убрано свойство size из fieldProps. Теперь можно прокидывать любое значение\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#465](https://github.com/core-ds/core-components/pull/465)\n\n#### Что изменилось\n- Исправлена ошибка из-за которой происходил рассинхрон состояний\n\n#### Влияние на компоненты\n- Патчи
`radio-group`\n\n\n\n## 37.4.0\n\n\n\n### [#469](https://github.com/core-ds/core-components/pull/469)\n\n#### Что изменилось\n- Для компонента Typography добавлен новый пропс rowLimit отвечающий за ограничение максимального количества строк\n- Для компонентов PureCell и Plate изменено отсечение текста в несколько строк
\n\n#### Влияние на компоненты\n- Минорное
`typography`\n\n\n- Патчи
`pure-cell` `plate`\n\n\n### [#484](https://github.com/core-ds/core-components/pull/484)\n\n#### Что изменилось\n- Исправлен тип для значения по-умолчанию у хука useMatchMedia\n- В side-panel добавлена возможность указать значение по-умолчанию для useMatchMedia
\n\n#### Влияние на компоненты\n- Патчи
`mq` `side-panel`\n\n\n### [#462](https://github.com/core-ds/core-components/pull/462)\n\n#### Что изменилось\n- Исправлены размеры border-radius у кнопок в темах mobile и intranet\n\n#### Влияние на компоненты\n- Патчи
`themes`\n\n\n### [#473](https://github.com/core-ds/core-components/pull/473)\n\n#### Что изменилось\n- Исправлены темы mobile и intranet в компонентах FormControl, Select, CalendarInput\n\n#### Влияние на компоненты\n- Патчи
`themes`\n\n\n\n## 37.3.0\n\n\n\n### [#467](https://github.com/core-ds/core-components/pull/467)\n\n#### Что изменилось\n- Исправлены типы у Table и TRow. Теперь Table может состоять только из TBody, а TRow из одной ячейки\n\n#### Влияние на компоненты\n- Патчи
`table`\n\n\n### [#477](https://github.com/core-ds/core-components/pull/477)\n\n#### Что изменилось\n- Исправлен тип у свойства backgroundIcon\n\n#### Влияние на компоненты\n- Патчи
`icon-view`\n\n\n### [#468](https://github.com/core-ds/core-components/pull/468)\n\n#### Что изменилось\n- Исправлен баг в textarea, при передаче пропа value не работала механика переполнения\n\n#### Влияние на компоненты\n- Патчи
`textarea`\n\n\n### [#450](https://github.com/core-ds/core-components/pull/450)\n\n#### Что изменилось\n- Добавлен экспорт css-переменных из палитры bluetint в js файл\n\n#### Влияние на компоненты\n- Минорное
`vars`\n\n\n### [#483](https://github.com/core-ds/core-components/pull/483)\n\n#### Что изменилось\n- Экспорт пропсов из индексного файла компонента\n\n#### Влияние на компоненты\n- Патчи
`textarea`\n\n\n\n## 37.2.1\n\n\n\n### [#474](https://github.com/core-ds/core-components/pull/474)\n\n#### Что изменилось\n- Добавлен role=\"none\" для элемента, который используется только для вычисления размера контейнера.\nРефакторинг тестов.
\n\n#### Влияние на компоненты\n- Патчи
`textarea`\n\n\n\n## 37.2.0\n\n\n\n### [#463](https://github.com/core-ds/core-components/pull/463)\n\n#### Что изменилось\n- Исправлен отступ элементов в выпадающем списке\n\n#### Влияние на компоненты\n- Патчи
`select`\n\n\n### [#456](https://github.com/core-ds/core-components/pull/456)\n\n#### Что изменилось\n- Добавлен новый пропс stateType, отвечающий за затемнение / осветление цвета фона\n\n#### Влияние на компоненты\n- Минорное
`custom-button`\n\n\n### [#451](https://github.com/core-ds/core-components/pull/451)\n\n#### Что изменилось\n- Фокусная рамка таба больше не обрезается\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#453](https://github.com/core-ds/core-components/pull/453)\n\n#### Что изменилось\n- Отключен hover-эффект на touch устройствах\n\n#### Влияние на компоненты\n- Патчи
`button`\n\n\n### [#459](https://github.com/core-ds/core-components/pull/459)\n\n#### Что изменилось\n- Исправлена ошибка 'Cannot read property 'clientHeight' of null' при `scrollable={true}`\n\n#### Влияние на компоненты\n- Патчи
`tabs`\n\n\n### [#441](https://github.com/core-ds/core-components/pull/441)\n\n#### Что изменилось\n- Исправлено скрытие pips при ошибке или подсказке\n\n#### Влияние на компоненты\n- Патчи
`slider-input`\n\n\n### [#443](https://github.com/core-ds/core-components/pull/443)\n\n#### Что изменилось\n- Исправлена ошибка с анимацией при множественных ререндерах\n\n#### Влияние на компоненты\n- Патчи
`calendar`\n\n\n\n## 37.1.2\n\n\n\n### [#466](https://github.com/core-ds/core-components/pull/466)\n\n#### Что изменилось\n- Обновлена версия библиотеки react-canvas-pattern-lock до 1.0.2\n\n#### Влияние на компоненты\n- Патчи
`pattern-lock`\n\n\n\n## 37.1.1\n\n\n\n### [af01ec20e](https://github.com/core-ds/core-components/commit/af01ec20ec987a524a73aa1f0686652979d383fc)\n\n#### Что изменилось\n- grid-row-gap и grid-column-gap заменены на margin\n\n#### Влияние на компоненты\n- Патчи
`pure-cell`\n\n\n### [#449](https://github.com/core-ds/core-components/pull/449)\n\n#### Что изменилось\n- Убран правый отступ у контейнера аддонов, если нет стрелки действия\n\n#### Влияние на компоненты\n- Патчи
`picker-button`\n\n\n### [#448](https://github.com/core-ds/core-components/pull/448)\n\n#### Что изменилось\n- Исправлен interactive режим\n\n#### Влияние на компоненты\n- Патчи
`steps`\n\n\nCHANGELOG за 2022 год доступен [здесь](https://github.com/core-ds/core-components/blob/master/CHANGELOG.2022.md)\n",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Changelog",parameters:{previewTabs:{canvas:{hidden:!0}}},id:"Changelog"}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"changelog",children:"Changelog"}),"\n",(0,jsx_runtime.jsx)(blocks.Eg,{content:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),root:!0})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Changelog",id:"Changelog",parameters:{previewTabs:{canvas:{hidden:!0}}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};var _13_changelog_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}}}]); \ No newline at end of file diff --git a/master/amount-input-src-docs-Component-stories-mdx.5819ddf8.iframe.bundle.js b/master/amount-input-src-docs-Component-stories-mdx.5819ddf8.iframe.bundle.js deleted file mode 100644 index 7efad01928..0000000000 --- a/master/amount-input-src-docs-Component-stories-mdx.5819ddf8.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[8991],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/amount-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{amountInput:function(){return amountInput},default:function(){return Component_stories}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),StarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/StarMIcon.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/amount-input/modern/index.js"),Component=__webpack_require__("./packages/amount-input/src/Component.tsx"),package_namespaceObject={i8:"7.4.5"},CHANGELOGraw_namespaceObject="# Change Log\n\n## 7.4.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.2\n - with-suffix@4.1.5\n\n## 7.4.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.1\n - with-suffix@4.1.4\n\n## 7.4.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.0\n - with-suffix@4.1.3\n\n## 7.4.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - with-suffix@4.1.2\n - input@12.0.2\n\n## 7.4.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.1\n - with-suffix@4.1.1\n\n## 7.4.0\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.0\n - with-suffix@4.1.0\n\n## 7.3.2\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - input@11.1.18\n - with-suffix@4.0.33\n\n## 7.3.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.17\n - with-suffix@4.0.32\n\n## 7.3.0\n\n### Minor Changes\n\n### [#712](https://github.com/core-ds/core-components/pull/712)\n\n- обновлены минорные версии @alfalab/utils и @alfalab/data\n\n## 7.2.17\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.16\n - with-suffix@4.0.31\n\n## 7.2.16\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.15\n - with-suffix@4.0.30\n\n## 7.2.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.14\n - with-suffix@4.0.29\n\n## 7.2.14\n\n### Patch Changes\n\n### [#649](https://github.com/core-ds/core-components/pull/649)\n\n- Исправлен паттерн с positiveOnly={false}\n\n- Обновлены зависимости\n - input@11.1.13\n - with-suffix@4.0.28\n\n## 7.2.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.12\n - with-suffix@4.0.27\n\n## 7.2.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.11\n - with-suffix@4.0.26\n\n## 7.2.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.10\n - with-suffix@4.0.25\n\n## 7.2.10\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - input@11.1.9\n - with-suffix@4.0.24\n\n## 7.2.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.8\n - with-suffix@4.0.23\n\n## 7.2.8\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - input@11.1.7\n - with-suffix@4.0.22\n\n## 7.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.6\n - with-suffix@4.0.21\n\n## 7.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.5\n - with-suffix@4.0.20\n\n## 7.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.4\n - with-suffix@4.0.19\n\n## 7.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.3\n - with-suffix@4.0.18\n\n## 7.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.2\n - with-suffix@4.0.17\n\n## 7.2.2\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - input@11.1.1\n - with-suffix@4.0.16\n\n## 7.2.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - with-suffix@4.0.15\n\n## 7.2.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с 'alfabank.servicecdn.ru' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.0\n - with-suffix@4.0.14\n\n## 7.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.0.2\n - with-suffix@4.0.13\n\n## 7.1.0\n\n### Minor Changes\n\n### [#308](https://github.com/core-ds/core-components/pull/308)\n\n- Добавлен новый пропс в компонент Amount - codeFormat, который отображает код валюты в зависимости от указанного формата.\n Обновлена библиотека @alfalab/utils, теперь метод formatAmount форматирует сумму, разделяя ее средним математическим пробелом.
\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type='number'\n\n- Обновлены зависимости\n - input@11.0.1\n - with-suffix@4.0.12\n\n## 7.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.0.0\n - with-suffix@4.0.11\n\n## 6.1.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@10.2.5\n - with-suffix@4.0.10\n\n## 6.1.6\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n - @alfalab/core-components-input@10.2.4\n - @alfalab/core-components-with-suffix@4.0.9\n\n## 6.1.5\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-input@10.2.3\n - @alfalab/core-components-with-suffix@4.0.8\n\n## 6.1.4\n\n### Patch Changes\n\n- [#279](https://github.com/core-ds/core-components/pull/279): chore: обновились @alfalab-data и @alfalab/utils версии в зависимостях. Thanks [@EGNKupava](https://github.com/EGNKupava)\n\n## 6.1.3\n\n### Patch Changes\n\n- Updated dependencies [[#189](https://github.com/core-ds/core-components/pull/189)]\n - @alfalab/core-components-input@10.2.2\n - @alfalab/core-components-with-suffix@4.0.7\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [6.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.1.1...@alfalab/core-components-amount-input@6.1.2) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [6.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.1.0...@alfalab/core-components-amount-input@6.1.1) (2022-09-12)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.0.3...@alfalab/core-components-amount-input@6.1.0) (2022-09-02)\n\n### Features\n\n- testing-library versions update ([#216](https://github.com/core-ds/core-components/issues/216)) ([33b6225](https://github.com/core-ds/core-components/commit/33b62259a1332f535f367502590ea37e7ad051d4))\n\n## [6.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.0.2...@alfalab/core-components-amount-input@6.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [6.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.0.1...@alfalab/core-components-amount-input@6.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [6.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.0.0...@alfalab/core-components-amount-input@6.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.7.2...@alfalab/core-components-amount-input@6.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [5.7.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.7.1...@alfalab/core-components-amount-input@5.7.2) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [5.7.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.7.0...@alfalab/core-components-amount-input@5.7.1) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.7.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.4...@alfalab/core-components-amount-input@5.7.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [5.6.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.3...@alfalab/core-components-amount-input@5.6.4) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.6.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.2...@alfalab/core-components-amount-input@5.6.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.1...@alfalab/core-components-amount-input@5.6.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [5.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.0...@alfalab/core-components-amount-input@5.6.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.5.0...@alfalab/core-components-amount-input@5.6.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n\n# [5.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.4.8...@alfalab/core-components-amount-input@5.5.0) (2022-06-24)\n\n### Features\n\n- **amount-input:** added functionality to enter negative values ([#106](https://github.com/core-ds/core-components/issues/106)) ([d6b6ca7](https://github.com/core-ds/core-components/commit/d6b6ca71d87b5c4c62d2e87cdbe9d1ff035852c4))\n\n## [5.4.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.4.7...@alfalab/core-components-amount-input@5.4.8) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.4.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.4.6...@alfalab/core-components-amount-input@5.4.7) (2022-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.4.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.4.5...@alfalab/core-components-amount-input@5.4.6) (2022-06-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.15...@alfalab/core-components-amount-input@5.4.0) (2022-03-04)\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n## [5.3.15](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.14...@alfalab/core-components-amount-input@5.3.15) (2022-02-17)\n\n### Bug Fixes\n\n- imports for glyph icons ([#994](https://github.com/core-ds/core-components/issues/994)) ([8e807f2](https://github.com/core-ds/core-components/commit/8e807f26abf0f942fe8eadbd201caecb297b35dc))\n\n## [5.3.14](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.13...@alfalab/core-components-amount-input@5.3.14) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.12...@alfalab/core-components-amount-input@5.3.13) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.11...@alfalab/core-components-amount-input@5.3.12) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.10...@alfalab/core-components-amount-input@5.3.11) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.9...@alfalab/core-components-amount-input@5.3.10) (2022-01-17)\n\n### Bug Fixes\n\n- **amount-input:** позволяем использовать строки, не рисуем 0 если передана пустая строка ([#941](https://github.com/core-ds/core-components/issues/941)) ([51c954f](https://github.com/core-ds/core-components/commit/51c954f238e7dbdbdbbd517e81e0e944f880ded6))\n\n## [5.3.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.8...@alfalab/core-components-amount-input@5.3.9) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.7...@alfalab/core-components-amount-input@5.3.8) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.6...@alfalab/core-components-amount-input@5.3.7) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.5...@alfalab/core-components-amount-input@5.3.6) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.4...@alfalab/core-components-amount-input@5.3.5) (2021-12-08)\n\n### Bug Fixes\n\n- актуализируем @alfalab/utils ([#897](https://github.com/core-ds/core-components/issues/897)) ([30fb88e](https://github.com/core-ds/core-components/commit/30fb88eee36f68cabf80069e5125d911fabde4a5))\n\n## [5.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.3...@alfalab/core-components-amount-input@5.3.4) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.2...@alfalab/core-components-amount-input@5.3.3) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.1...@alfalab/core-components-amount-input@5.3.2) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.0...@alfalab/core-components-amount-input@5.3.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.4...@alfalab/core-components-amount-input@5.3.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [5.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.3...@alfalab/core-components-amount-input@5.2.4) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.2...@alfalab/core-components-amount-input@5.2.3) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.1...@alfalab/core-components-amount-input@5.2.2) (2021-08-23)\n\n### Bug Fixes\n\n- **form-control:** l size offset between value and label (PDS-270) ([#781](https://github.com/core-ds/core-components/issues/781)) ([311f8a0](https://github.com/core-ds/core-components/commit/311f8a0eaa97cf7d0c89d4a3cdfc443aef2d763c))\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [5.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.0...@alfalab/core-components-amount-input@5.2.1) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.1.0...@alfalab/core-components-amount-input@5.2.0) (2021-08-04)\n\n### Features\n\n- add mods colors ([#770](https://github.com/core-ds/core-components/issues/770)) ([fe985f4](https://github.com/core-ds/core-components/commit/fe985f467b4d47a5152e168d2ab3846872d1a574))\n\n# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.0.3...@alfalab/core-components-amount-input@5.1.0) (2021-08-03)\n\n### Bug Fixes\n\n- **amount-input:** remove caret-color override ([#773](https://github.com/core-ds/core-components/issues/773)) ([93311d0](https://github.com/core-ds/core-components/commit/93311d0a8e170c14c6cbfa28414d2538f78ddd3f))\n\n### Features\n\n- **amount-input:** add integers only mode ([#766](https://github.com/core-ds/core-components/issues/766)) ([27a2535](https://github.com/core-ds/core-components/commit/27a2535f2de8d787e666c08a8fbfeb67d762f9a1))\n- **amount-input:** allow to use custom suffix ([#767](https://github.com/core-ds/core-components/issues/767)) ([27d9d02](https://github.com/core-ds/core-components/commit/27d9d02fb619fa5946fb3cb678d9b742d74a745b))\n\n## [5.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.0.2...@alfalab/core-components-amount-input@5.0.3) (2021-07-23)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.0.1...@alfalab/core-components-amount-input@5.0.2) (2021-07-19)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.0.0...@alfalab/core-components-amount-input@5.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.20...@alfalab/core-components-amount-input@5.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n## [4.0.20](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.19...@alfalab/core-components-amount-input@4.0.20) (2021-06-22)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.19](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.18...@alfalab/core-components-amount-input@4.0.19) (2021-05-31)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.18](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.17...@alfalab/core-components-amount-input@4.0.18) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.17](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.16...@alfalab/core-components-amount-input@4.0.17) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.16](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.15...@alfalab/core-components-amount-input@4.0.16) (2021-05-18)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.15](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.14...@alfalab/core-components-amount-input@4.0.15) (2021-05-07)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.14](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.13...@alfalab/core-components-amount-input@4.0.14) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.12...@alfalab/core-components-amount-input@4.0.13) (2021-04-20)\n\n### Bug Fixes\n\n- **amount-input:** fix float in amount input ([a9e1802](https://github.com/core-ds/core-components/commit/a9e180285073e29a05703a991c946e2c1247177a))\n\n## [4.0.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.11...@alfalab/core-components-amount-input@4.0.12) (2021-04-09)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.10...@alfalab/core-components-amount-input@4.0.11) (2021-04-01)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.9...@alfalab/core-components-amount-input@4.0.10) (2021-03-30)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.8...@alfalab/core-components-amount-input@4.0.9) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.7...@alfalab/core-components-amount-input@4.0.8) (2021-03-19)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.5...@alfalab/core-components-amount-input@4.0.7) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [4.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.3...@alfalab/core-components-amount-input@4.0.5) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n## [4.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.2...@alfalab/core-components-amount-input@4.0.3) (2021-03-15)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.1...@alfalab/core-components-amount-input@4.0.2) (2021-03-14)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.0...@alfalab/core-components-amount-input@4.0.1) (2021-03-10)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.7...@alfalab/core-components-amount-input@4.0.0) (2021-03-04)\n\n### Features\n\n- **amount-input:** changed size L (72 → 64), added size XL (72) ([a2c0b7c](https://github.com/core-ds/core-components/commit/a2c0b7ce6c208183897064cd6235d69445e3afe5))\n\n### BREAKING CHANGES\n\n- **amount-input:** size L changed to size XL\n\n## [3.3.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.6...@alfalab/core-components-amount-input@3.3.7) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.5...@alfalab/core-components-amount-input@3.3.6) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.4...@alfalab/core-components-amount-input@3.3.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.3...@alfalab/core-components-amount-input@3.3.4) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.2...@alfalab/core-components-amount-input@3.3.3) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.1...@alfalab/core-components-amount-input@3.3.2) (2021-02-18)\n\n### Bug Fixes\n\n- update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))\n",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({p:"p",a:"a",pre:"pre",code:"code",h3:"h3"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.p,{children:"Компонент текстового поля для ввода денежных значений."}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["☝️ В приложениях Клика используйте обёртку ",(0,jsx_runtime.jsx)(_components.a,{href:"http://digital/demo/newclick-composite-components/master/?path=/docs/form-amountinput--basic",target:"_blank",rel:"nofollow noopener noreferrer",children:"newclick-composite-components/amount-input"}),"."]}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"управление-суффиксом",children:"Управление суффиксом"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"По умолчанию в качестве суффикса отображается символ выбранной валюты.\nКомпонент позволяет как скрыть суффикс, так и вывести произвольный текст."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"\n \n \n \n\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"uncontrolled-way",children:"Uncontrolled-way"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Можно ничего не передавать в компонент и реагировать на 'onChange'"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"controlled-way",children:"Controlled-way"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Компонент может быть использован как controlled с помощью ",(0,jsx_runtime.jsx)(_components.code,{children:"onChange"})," и ",(0,jsx_runtime.jsx)(_components.code,{children:"selected"}),":"]}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const [value, setValue] = React.useState(10000);\n const [valueString, setValueString] = React.useState('10000');\n const [suggests] = React.useState([\n { currency: 'RUR', minorUnits: 100, value: -1000, valueString: '-10' },\n { currency: 'RUR', minorUnits: 100, value: 0, valueString: '0' },\n { currency: 'RUR', minorUnits: 100, value: 500, valueString: '5' },\n { currency: 'RUR', minorUnits: 100, value: 156000, valueString: '1560' },\n { currency: 'RUR', minorUnits: 100, value: null, valueString: '' },\n ]);\n const handleChange = (event, payload) => {\n setValue(payload.value);\n setValueString(payload.valueString);\n };\n return (\n \n \n\n \n {suggests.map((s, idx) => (\n \n handleChange(null, { value: s.value, valueString: s.valueString })\n }\n >\n Установить {String(s.value)}\n \n ))}\n \n \n );\n});\n"})})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},index_module="@import '../../themes/src/default.css';\n\n/*\n* Задача:\n* 1) Отобразить символ валюты сразу за последним введенным символом\n* 2) Не дать возможность попасть кареткой за валюту\n* 3) Не дать выделить символ валюты при выделении денежного значения\n* 4) Отображать символ валюты другим цветом\n* 5) Отображать копейки другим цветом\n*\n* Решение\n* Делаем скрытый текст где держим то же значение, добавляем символ валюты\n* Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте\n*/\n\n.container {\n position: relative;\n}\n\n.bold .input,\n.bold .suffixContainer {\n font-weight: bold;\n}\n\n/* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */\n.suffixContainer > *:first-child {\n display: none;\n}\n\n.filled .input,\n.input:focus {\n -webkit-text-fill-color: transparent;\n}\n";function Component_stories_createMdxContent(props){const _components=Object.assign({span:"span",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/AmountInput",component:modern.AmountInput,id:"AmountInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"AmountInput",children:(0,jsx_runtime.jsx)(modern.AmountInput,{value:(0,addon_knobs_dist.number)("value",null),currency:(0,addon_knobs_dist.text)("currency","RUR"),suffix:(0,addon_knobs_dist.text)("suffix",void 0),integerLength:(0,addon_knobs_dist.number)("integerLength",9),minority:(0,addon_knobs_dist.number)("minority",100),integersOnly:(0,addon_knobs_dist.boolean)("integersOnly",!1),positiveOnly:(0,addon_knobs_dist.boolean)("positiveOnly",!0),bold:(0,addon_knobs_dist.boolean)("bold",!0),block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),placeholder:(0,addon_knobs_dist.text)("placeholder",void 0),label:(0,addon_knobs_dist.text)("label",""),hint:(0,addon_knobs_dist.text)("hint",""),error:(0,addon_knobs_dist.text)("error",""),leftAddons:(0,addon_knobs_dist.boolean)("leftAddons",!1)&&(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}),bottomAddons:(0,addon_knobs_dist.boolean)("bottomAddons",!1)&&(0,jsx_runtime.jsx)(_components.span,{children:"bottom text"}),clear:(0,addon_knobs_dist.boolean)("clear",!1),readOnly:(0,addon_knobs_dist.boolean)("readOnly",!1)})}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"AmountInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/amount-input"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { AmountInput } from '@alfalab/core-components/amount-input';\n"})}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),props:(0,jsx_runtime.jsx)(dist.$4,{of:Component._}),cssVars:(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})})]})}const amountInput=()=>(0,jsx_runtime.jsx)(modern.AmountInput,{value:(0,addon_knobs_dist.number)("value",null),currency:(0,addon_knobs_dist.text)("currency","RUR"),suffix:(0,addon_knobs_dist.text)("suffix",void 0),integerLength:(0,addon_knobs_dist.number)("integerLength",9),minority:(0,addon_knobs_dist.number)("minority",100),integersOnly:(0,addon_knobs_dist.boolean)("integersOnly",!1),positiveOnly:(0,addon_knobs_dist.boolean)("positiveOnly",!0),bold:(0,addon_knobs_dist.boolean)("bold",!0),block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),placeholder:(0,addon_knobs_dist.text)("placeholder",void 0),label:(0,addon_knobs_dist.text)("label",""),hint:(0,addon_knobs_dist.text)("hint",""),error:(0,addon_knobs_dist.text)("error",""),leftAddons:(0,addon_knobs_dist.boolean)("leftAddons",!1)&&(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}),bottomAddons:(0,addon_knobs_dist.boolean)("bottomAddons",!1)&&(0,jsx_runtime.jsx)("span",{children:"bottom text"}),clear:(0,addon_knobs_dist.boolean)("clear",!1),readOnly:(0,addon_knobs_dist.boolean)("readOnly",!1)});amountInput.storyName="AmountInput",amountInput.parameters={storySource:{source:'} bottomAddons={boolean("bottomAddons", false) && bottom text} clear={boolean("clear", false)} readOnly={boolean("readOnly", false)} />'}};const componentMeta={title:"Components/AmountInput",id:"AmountInput",component:modern.AmountInput,tags:["stories-mdx"],includeStories:["amountInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent(props)}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/amount-input/src/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{_:function(){return AmountInput}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),modern=__webpack_require__("./dist/input/modern/index.js"),with_suffix_modern=__webpack_require__("./dist/with-suffix/modern/index.js"),esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js");function getAmountValueFromStr(str,minority){return""===str||"-"===str?null:Math.round(Number(str.replace(",",".").replace(/[^0-9.-]/g,""))*minority)}var index_module={container:"container_lBRr_",bold:"bold_DQS_b",input:"input_G8I9L",suffixContainer:"suffixContainer_LcrIC",filled:"filled_pcsxc"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["value","integerLength","minority","currency","suffix","placeholder","integersOnly","positiveOnly","bold","colors","className","focusedClassName","dataTestId","clear","onChange","onClear","breakpoint"],colorStyles={default:{minorPartAndCurrency:"minorPartAndCurrency_N7KPP"},inverted:{minorPartAndCurrency:"minorPartAndCurrency_MKlN9"}},SuffixInput=(0,with_suffix_modern.withSuffix)(modern.Input),AmountInput=(0,react.forwardRef)((function(_ref,ref){var _cn,_ref$value=_ref.value,value=void 0===_ref$value?null:_ref$value,_ref$integerLength=_ref.integerLength,integerLength=void 0===_ref$integerLength?9:_ref$integerLength,_ref$minority=_ref.minority,minority=void 0===_ref$minority?100:_ref$minority,_ref$currency=_ref.currency,currency=void 0===_ref$currency?"RUR":_ref$currency,_ref$suffix=_ref.suffix,suffix=void 0===_ref$suffix?currency:_ref$suffix,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"0 ".concat(suffix===currency?(0,esm.jK)(currency)||"":suffix):_ref$placeholder,_ref$integersOnly=_ref.integersOnly,integersOnly=void 0!==_ref$integersOnly&&_ref$integersOnly,_ref$positiveOnly=_ref.positiveOnly,positiveOnly=void 0===_ref$positiveOnly||_ref$positiveOnly,_ref$bold=_ref.bold,bold=void 0===_ref$bold||_ref$bold,_ref$colors=_ref.colors,colors=void 0===_ref$colors?"default":_ref$colors,className=_ref.className,focusedClassName=_ref.focusedClassName,dataTestId=_ref.dataTestId,_ref$clear=_ref.clear,clear=void 0!==_ref$clear&&_ref$clear,onChange=_ref.onChange,onClear=_ref.onClear,_ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),getFormattedAmount=(0,react.useCallback)((function(){return""===value||null===value||"-"===value?"":(0,esm.dN)({value:+value,currency:currency,minority:minority,view:"default",negativeSymbol:"hyphen-minus"}).formatted}),[currency,minority,value]),_useState=(0,react.useState)(getFormattedAmount()),_useState2=(0,slicedToArray.Z)(_useState,2),inputValue=_useState2[0],setInputValue=_useState2[1],currencySymbol=(0,esm.jK)(currency);(0,react.useEffect)((function(){return getAmountValueFromStr(inputValue,minority)!==value?setInputValue(getFormattedAmount()):function(){}}),[getFormattedAmount]);var handleClear=(0,react.useCallback)((function(event){setInputValue(""),onClear&&onClear(event)}),[onClear]),_inputValue$split=inputValue.split(","),_inputValue$split2=(0,slicedToArray.Z)(_inputValue$split,2),majorPart=_inputValue$split2[0],minorPart=_inputValue$split2[1];return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module.container,(_cn={},(0,defineProperty.Z)(_cn,index_module.bold,bold),(0,defineProperty.Z)(_cn,index_module.filled,Boolean(inputValue)),_cn)),children:(0,jsx_runtime.jsx)(SuffixInput,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{suffix:(0,jsx_runtime.jsxs)(react.Fragment,{children:[majorPart,(0,jsx_runtime.jsxs)("span",{className:colorStyles[colors].minorPartAndCurrency,children:[void 0!==minorPart&&",".concat(minorPart),esm._u,suffix===currency?currencySymbol:suffix]})]}),suffixContainerClassName:index_module.suffixContainer,clear:clear,placeholder:placeholder,value:inputValue,colors:colors,className:classnames_default()(index_module.component,className),focusedClassName:focusedClassName,inputClassName:index_module.input,onChange:function handleChange(e){var input=e.target,enteredValue=input.value.replace(/\s/g,"").replace(".",",");if(integersOnly){var _enteredValue$split=enteredValue.split(",");enteredValue=(0,slicedToArray.Z)(_enteredValue$split,1)[0]}if(RegExp("(^".concat(positiveOnly?"":"-?","[0-9]{0,").concat(integerLength,"}(,([0-9]+)?)?$|^\\s*$)")).test(enteredValue)){var newFormattedValue=function getFormattedValue(enteredValue,currency,minority){if(!enteredValue||"-"===enteredValue)return enteredValue;var _enteredValue$split=enteredValue.split(","),_enteredValue$split2=(0,slicedToArray.Z)(_enteredValue$split,2),head=_enteredValue$split2[0],tail=_enteredValue$split2[1];"-"===head&&(head="-0");var majorPart=(0,esm.dN)({value:Number(head)*minority,currency:currency,minority:minority,negativeSymbol:"hyphen-minus"}).majorPart;return/^-(,|0),?/.test(enteredValue)&&"0"===majorPart&&(majorPart="-".concat(majorPart)),!tail&&enteredValue.includes(",")?majorPart.concat(","):tail?majorPart.concat(",",tail.slice(0,minority.toString().length-1)):majorPart}(enteredValue,currency,minority);if(newFormattedValue===inputValue){var caret=input.selectionStart;window.requestAnimationFrame((function(){input.selectionStart=caret,input.selectionEnd=caret}))}else{var _input$value$split=input.value.split(/\.|,/),_input$value$split2=(0,slicedToArray.Z)(_input$value$split,2),head=_input$value$split2[0],tail=_input$value$split2[1],notFormattedEnteredValueLength=head.length;tail&&(notFormattedEnteredValueLength+=1,notFormattedEnteredValueLength+=tail.slice(0,minority.toString().length-1).length);var diff=newFormattedValue.length-notFormattedEnteredValueLength,_caret=input.selectionStart+diff;window.requestAnimationFrame((function(){input.selectionStart=_caret,input.selectionEnd=_caret}))}setInputValue(newFormattedValue),onChange&&onChange(e,{value:getAmountValueFromStr(newFormattedValue,minority),valueString:newFormattedValue})}else{var _caret2=input.selectionStart-1;window.requestAnimationFrame((function(){input.selectionStart=_caret2,input.selectionEnd=_caret2}))}},onClear:handleClear,inputMode:"decimal",pattern:"[".concat(positiveOnly?"":"-","0-9\\s\\.,]*"),dataTestId:dataTestId,ref:ref,breakpoint:breakpoint}))})}));try{AmountInput.displayName="AmountInput",AmountInput.__docgenInfo={description:"Компонент для ввода денежных значений",displayName:"AmountInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:{value:"default"},description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:{value:"false"},description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},value:{defaultValue:{value:"null"},description:"Денежное значение в минорных единицах\nЗначение null - значит не установлено",name:"value",required:!1,type:{name:"string | number | null"}},currency:{defaultValue:{value:"RUR"},description:"Валюта",name:"currency",required:!1,type:{name:"enum",value:[{value:'"ALL"'},{value:'"AFN"'},{value:'"ARS"'},{value:'"AWG"'},{value:'"AUD"'},{value:'"AZN"'},{value:'"BSD"'},{value:'"BBD"'},{value:'"BYN"'},{value:'"BZD"'},{value:'"BMD"'},{value:'"BOB"'},{value:'"BOV"'},{value:'"BAM"'},{value:'"BWP"'},{value:'"BGN"'},{value:'"BRL"'},{value:'"BND"'},{value:'"KHR"'},{value:'"CAD"'},{value:'"KYD"'},{value:'"CLP"'},{value:'"CNY"'},{value:'"COP"'},{value:'"COU"'},{value:'"CRC"'},{value:'"HRK"'},{value:'"CUP"'},{value:'"CUC"'},{value:'"CZK"'},{value:'"DKK"'},{value:'"DOP"'},{value:'"XCD"'},{value:'"EGP"'},{value:'"SVC"'},{value:'"EEK"'},{value:'"EUR"'},{value:'"FKP"'},{value:'"FJD"'},{value:'"FRF"'},{value:'"GHC"'},{value:'"GIP"'},{value:'"GTQ"'},{value:'"GGP"'},{value:'"GYD"'},{value:'"HNL"'},{value:'"HKD"'},{value:'"HUF"'},{value:'"ISK"'},{value:'"INR"'},{value:'"IDR"'},{value:'"IRR"'},{value:'"IMP"'},{value:'"ILS"'},{value:'"JMD"'},{value:'"JPY"'},{value:'"JEP"'},{value:'"KZT"'},{value:'"KGS"'},{value:'"LAK"'},{value:'"LVL"'},{value:'"LBP"'},{value:'"LRD"'},{value:'"LTL"'},{value:'"MKD"'},{value:'"MYR"'},{value:'"MUR"'},{value:'"MXN"'},{value:'"MXV"'},{value:'"MNT"'},{value:'"MZN"'},{value:'"NAD"'},{value:'"NPR"'},{value:'"ANG"'},{value:'"NZD"'},{value:'"NIO"'},{value:'"NGN"'},{value:'"KPW"'},{value:'"NOK"'},{value:'"OMR"'},{value:'"PKR"'},{value:'"PAB"'},{value:'"PYG"'},{value:'"PEN"'},{value:'"PHP"'},{value:'"PLN"'},{value:'"QAR"'},{value:'"RON"'},{value:'"RUR"'},{value:'"RUB"'},{value:'"SHP"'},{value:'"SAR"'},{value:'"RSD"'},{value:'"SCR"'},{value:'"SGD"'},{value:'"SBD"'},{value:'"SOS"'},{value:'"ZAR"'},{value:'"KRW"'},{value:'"LKR"'},{value:'"SEK"'},{value:'"CHF"'},{value:'"SRD"'},{value:'"SYP"'},{value:'"TWD"'},{value:'"THB"'},{value:'"TTD"'},{value:'"TRY"'},{value:'"TRL"'},{value:'"TVD"'},{value:'"UAH"'},{value:'"GBP"'},{value:'"USD"'},{value:'"UYU"'},{value:'"UYI"'},{value:'"UZS"'},{value:'"VEF"'},{value:'"VND"'},{value:'"YER"'},{value:'"ZWD"'},{value:'"A98"'},{value:'"A99"'},{value:'"A76"'},{value:'"A33"'},{value:'"AMD"'},{value:'"BDT"'},{value:'"BIF"'},{value:'"GEL"'},{value:'"GHS"'},{value:'"SDG"'},{value:'"TJS"'},{value:'"KWD"'},{value:'"MDL"'},{value:'"AED"'}]}},suffix:{defaultValue:{value:"RUR"},description:"Дополнительный закрепленный текст справа от основного значения. (по умолчанию — символ валюты)",name:"suffix",required:!1,type:{name:"string"}},integerLength:{defaultValue:{value:"9"},description:"Максимальное число знаков до запятой",name:"integerLength",required:!1,type:{name:"number"}},minority:{defaultValue:{value:"100"},description:"Минорные единицы",name:"minority",required:!1,type:{name:"number"}},integersOnly:{defaultValue:{value:"false"},description:"Позволяет вводить только целые значения",name:"integersOnly",required:!1,type:{name:"boolean"}},positiveOnly:{defaultValue:{value:"true"},description:"",name:"positiveOnly",required:!1,type:{name:"boolean"}},bold:{defaultValue:{value:"true"},description:"Жир",name:"bold",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Обработчик события изменения значения",name:"onChange",required:!1,type:{name:"((e: ChangeEvent, payload: { value: number | null; valueString: string; }) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/amount-input/src/Component.tsx#AmountInput"]={docgenInfo:AmountInput.__docgenInfo,name:"AmountInput",path:"packages/amount-input/src/Component.tsx#AmountInput"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/amount-input-src-docs-Component-stories-mdx.b62528df.iframe.bundle.js b/master/amount-input-src-docs-Component-stories-mdx.b62528df.iframe.bundle.js new file mode 100644 index 0000000000..60b080ac21 --- /dev/null +++ b/master/amount-input-src-docs-Component-stories-mdx.b62528df.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[8991],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/amount-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{amountInput:function(){return amountInput},default:function(){return Component_stories}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),StarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/StarMIcon.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/amount-input/modern/index.js"),Component=__webpack_require__("./packages/amount-input/src/Component.tsx"),package_namespaceObject={i8:"7.4.6"},CHANGELOGraw_namespaceObject="# Change Log\n\n## 7.4.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.3\n - with-suffix@4.1.6\n\n## 7.4.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.2\n - with-suffix@4.1.5\n\n## 7.4.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.1\n - with-suffix@4.1.4\n\n## 7.4.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.0\n - with-suffix@4.1.3\n\n## 7.4.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - with-suffix@4.1.2\n - input@12.0.2\n\n## 7.4.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.1\n - with-suffix@4.1.1\n\n## 7.4.0\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.0\n - with-suffix@4.1.0\n\n## 7.3.2\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - input@11.1.18\n - with-suffix@4.0.33\n\n## 7.3.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.17\n - with-suffix@4.0.32\n\n## 7.3.0\n\n### Minor Changes\n\n### [#712](https://github.com/core-ds/core-components/pull/712)\n\n- обновлены минорные версии @alfalab/utils и @alfalab/data\n\n## 7.2.17\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.16\n - with-suffix@4.0.31\n\n## 7.2.16\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.15\n - with-suffix@4.0.30\n\n## 7.2.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.14\n - with-suffix@4.0.29\n\n## 7.2.14\n\n### Patch Changes\n\n### [#649](https://github.com/core-ds/core-components/pull/649)\n\n- Исправлен паттерн с positiveOnly={false}\n\n- Обновлены зависимости\n - input@11.1.13\n - with-suffix@4.0.28\n\n## 7.2.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.12\n - with-suffix@4.0.27\n\n## 7.2.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.11\n - with-suffix@4.0.26\n\n## 7.2.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.10\n - with-suffix@4.0.25\n\n## 7.2.10\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - input@11.1.9\n - with-suffix@4.0.24\n\n## 7.2.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.8\n - with-suffix@4.0.23\n\n## 7.2.8\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - input@11.1.7\n - with-suffix@4.0.22\n\n## 7.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.6\n - with-suffix@4.0.21\n\n## 7.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.5\n - with-suffix@4.0.20\n\n## 7.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.4\n - with-suffix@4.0.19\n\n## 7.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.3\n - with-suffix@4.0.18\n\n## 7.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.2\n - with-suffix@4.0.17\n\n## 7.2.2\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - input@11.1.1\n - with-suffix@4.0.16\n\n## 7.2.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - with-suffix@4.0.15\n\n## 7.2.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с 'alfabank.servicecdn.ru' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.0\n - with-suffix@4.0.14\n\n## 7.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.0.2\n - with-suffix@4.0.13\n\n## 7.1.0\n\n### Minor Changes\n\n### [#308](https://github.com/core-ds/core-components/pull/308)\n\n- Добавлен новый пропс в компонент Amount - codeFormat, который отображает код валюты в зависимости от указанного формата.\n Обновлена библиотека @alfalab/utils, теперь метод formatAmount форматирует сумму, разделяя ее средним математическим пробелом.
\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type='number'\n\n- Обновлены зависимости\n - input@11.0.1\n - with-suffix@4.0.12\n\n## 7.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.0.0\n - with-suffix@4.0.11\n\n## 6.1.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@10.2.5\n - with-suffix@4.0.10\n\n## 6.1.6\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n - @alfalab/core-components-input@10.2.4\n - @alfalab/core-components-with-suffix@4.0.9\n\n## 6.1.5\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-input@10.2.3\n - @alfalab/core-components-with-suffix@4.0.8\n\n## 6.1.4\n\n### Patch Changes\n\n- [#279](https://github.com/core-ds/core-components/pull/279): chore: обновились @alfalab-data и @alfalab/utils версии в зависимостях. Thanks [@EGNKupava](https://github.com/EGNKupava)\n\n## 6.1.3\n\n### Patch Changes\n\n- Updated dependencies [[#189](https://github.com/core-ds/core-components/pull/189)]\n - @alfalab/core-components-input@10.2.2\n - @alfalab/core-components-with-suffix@4.0.7\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [6.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.1.1...@alfalab/core-components-amount-input@6.1.2) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [6.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.1.0...@alfalab/core-components-amount-input@6.1.1) (2022-09-12)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.0.3...@alfalab/core-components-amount-input@6.1.0) (2022-09-02)\n\n### Features\n\n- testing-library versions update ([#216](https://github.com/core-ds/core-components/issues/216)) ([33b6225](https://github.com/core-ds/core-components/commit/33b62259a1332f535f367502590ea37e7ad051d4))\n\n## [6.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.0.2...@alfalab/core-components-amount-input@6.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [6.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.0.1...@alfalab/core-components-amount-input@6.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [6.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@6.0.0...@alfalab/core-components-amount-input@6.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.7.2...@alfalab/core-components-amount-input@6.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [5.7.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.7.1...@alfalab/core-components-amount-input@5.7.2) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [5.7.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.7.0...@alfalab/core-components-amount-input@5.7.1) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.7.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.4...@alfalab/core-components-amount-input@5.7.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [5.6.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.3...@alfalab/core-components-amount-input@5.6.4) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.6.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.2...@alfalab/core-components-amount-input@5.6.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.1...@alfalab/core-components-amount-input@5.6.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [5.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.6.0...@alfalab/core-components-amount-input@5.6.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.5.0...@alfalab/core-components-amount-input@5.6.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n\n# [5.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.4.8...@alfalab/core-components-amount-input@5.5.0) (2022-06-24)\n\n### Features\n\n- **amount-input:** added functionality to enter negative values ([#106](https://github.com/core-ds/core-components/issues/106)) ([d6b6ca7](https://github.com/core-ds/core-components/commit/d6b6ca71d87b5c4c62d2e87cdbe9d1ff035852c4))\n\n## [5.4.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.4.7...@alfalab/core-components-amount-input@5.4.8) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.4.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.4.6...@alfalab/core-components-amount-input@5.4.7) (2022-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.4.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.4.5...@alfalab/core-components-amount-input@5.4.6) (2022-06-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.15...@alfalab/core-components-amount-input@5.4.0) (2022-03-04)\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n## [5.3.15](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.14...@alfalab/core-components-amount-input@5.3.15) (2022-02-17)\n\n### Bug Fixes\n\n- imports for glyph icons ([#994](https://github.com/core-ds/core-components/issues/994)) ([8e807f2](https://github.com/core-ds/core-components/commit/8e807f26abf0f942fe8eadbd201caecb297b35dc))\n\n## [5.3.14](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.13...@alfalab/core-components-amount-input@5.3.14) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.12...@alfalab/core-components-amount-input@5.3.13) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.11...@alfalab/core-components-amount-input@5.3.12) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.10...@alfalab/core-components-amount-input@5.3.11) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.9...@alfalab/core-components-amount-input@5.3.10) (2022-01-17)\n\n### Bug Fixes\n\n- **amount-input:** позволяем использовать строки, не рисуем 0 если передана пустая строка ([#941](https://github.com/core-ds/core-components/issues/941)) ([51c954f](https://github.com/core-ds/core-components/commit/51c954f238e7dbdbdbbd517e81e0e944f880ded6))\n\n## [5.3.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.8...@alfalab/core-components-amount-input@5.3.9) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.7...@alfalab/core-components-amount-input@5.3.8) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.6...@alfalab/core-components-amount-input@5.3.7) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.5...@alfalab/core-components-amount-input@5.3.6) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.4...@alfalab/core-components-amount-input@5.3.5) (2021-12-08)\n\n### Bug Fixes\n\n- актуализируем @alfalab/utils ([#897](https://github.com/core-ds/core-components/issues/897)) ([30fb88e](https://github.com/core-ds/core-components/commit/30fb88eee36f68cabf80069e5125d911fabde4a5))\n\n## [5.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.3...@alfalab/core-components-amount-input@5.3.4) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.2...@alfalab/core-components-amount-input@5.3.3) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.1...@alfalab/core-components-amount-input@5.3.2) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.3.0...@alfalab/core-components-amount-input@5.3.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.4...@alfalab/core-components-amount-input@5.3.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [5.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.3...@alfalab/core-components-amount-input@5.2.4) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.2...@alfalab/core-components-amount-input@5.2.3) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.1...@alfalab/core-components-amount-input@5.2.2) (2021-08-23)\n\n### Bug Fixes\n\n- **form-control:** l size offset between value and label (PDS-270) ([#781](https://github.com/core-ds/core-components/issues/781)) ([311f8a0](https://github.com/core-ds/core-components/commit/311f8a0eaa97cf7d0c89d4a3cdfc443aef2d763c))\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [5.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.2.0...@alfalab/core-components-amount-input@5.2.1) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.1.0...@alfalab/core-components-amount-input@5.2.0) (2021-08-04)\n\n### Features\n\n- add mods colors ([#770](https://github.com/core-ds/core-components/issues/770)) ([fe985f4](https://github.com/core-ds/core-components/commit/fe985f467b4d47a5152e168d2ab3846872d1a574))\n\n# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.0.3...@alfalab/core-components-amount-input@5.1.0) (2021-08-03)\n\n### Bug Fixes\n\n- **amount-input:** remove caret-color override ([#773](https://github.com/core-ds/core-components/issues/773)) ([93311d0](https://github.com/core-ds/core-components/commit/93311d0a8e170c14c6cbfa28414d2538f78ddd3f))\n\n### Features\n\n- **amount-input:** add integers only mode ([#766](https://github.com/core-ds/core-components/issues/766)) ([27a2535](https://github.com/core-ds/core-components/commit/27a2535f2de8d787e666c08a8fbfeb67d762f9a1))\n- **amount-input:** allow to use custom suffix ([#767](https://github.com/core-ds/core-components/issues/767)) ([27d9d02](https://github.com/core-ds/core-components/commit/27d9d02fb619fa5946fb3cb678d9b742d74a745b))\n\n## [5.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.0.2...@alfalab/core-components-amount-input@5.0.3) (2021-07-23)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.0.1...@alfalab/core-components-amount-input@5.0.2) (2021-07-19)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [5.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.0.0...@alfalab/core-components-amount-input@5.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.20...@alfalab/core-components-amount-input@5.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n## [4.0.20](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.19...@alfalab/core-components-amount-input@4.0.20) (2021-06-22)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.19](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.18...@alfalab/core-components-amount-input@4.0.19) (2021-05-31)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.18](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.17...@alfalab/core-components-amount-input@4.0.18) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.17](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.16...@alfalab/core-components-amount-input@4.0.17) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.16](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.15...@alfalab/core-components-amount-input@4.0.16) (2021-05-18)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.15](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.14...@alfalab/core-components-amount-input@4.0.15) (2021-05-07)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.14](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.13...@alfalab/core-components-amount-input@4.0.14) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.12...@alfalab/core-components-amount-input@4.0.13) (2021-04-20)\n\n### Bug Fixes\n\n- **amount-input:** fix float in amount input ([a9e1802](https://github.com/core-ds/core-components/commit/a9e180285073e29a05703a991c946e2c1247177a))\n\n## [4.0.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.11...@alfalab/core-components-amount-input@4.0.12) (2021-04-09)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.10...@alfalab/core-components-amount-input@4.0.11) (2021-04-01)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.9...@alfalab/core-components-amount-input@4.0.10) (2021-03-30)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.8...@alfalab/core-components-amount-input@4.0.9) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.7...@alfalab/core-components-amount-input@4.0.8) (2021-03-19)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.5...@alfalab/core-components-amount-input@4.0.7) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [4.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.3...@alfalab/core-components-amount-input@4.0.5) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n## [4.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.2...@alfalab/core-components-amount-input@4.0.3) (2021-03-15)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.1...@alfalab/core-components-amount-input@4.0.2) (2021-03-14)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@4.0.0...@alfalab/core-components-amount-input@4.0.1) (2021-03-10)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.7...@alfalab/core-components-amount-input@4.0.0) (2021-03-04)\n\n### Features\n\n- **amount-input:** changed size L (72 → 64), added size XL (72) ([a2c0b7c](https://github.com/core-ds/core-components/commit/a2c0b7ce6c208183897064cd6235d69445e3afe5))\n\n### BREAKING CHANGES\n\n- **amount-input:** size L changed to size XL\n\n## [3.3.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.6...@alfalab/core-components-amount-input@3.3.7) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.5...@alfalab/core-components-amount-input@3.3.6) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.4...@alfalab/core-components-amount-input@3.3.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.3...@alfalab/core-components-amount-input@3.3.4) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.2...@alfalab/core-components-amount-input@3.3.3) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-amount-input\n\n## [3.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@3.3.1...@alfalab/core-components-amount-input@3.3.2) (2021-02-18)\n\n### Bug Fixes\n\n- update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))\n",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({p:"p",a:"a",pre:"pre",code:"code",h3:"h3"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.p,{children:"Компонент текстового поля для ввода денежных значений."}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["☝️ В приложениях Клика используйте обёртку ",(0,jsx_runtime.jsx)(_components.a,{href:"http://digital/demo/newclick-composite-components/master/?path=/docs/form-amountinput--basic",target:"_blank",rel:"nofollow noopener noreferrer",children:"newclick-composite-components/amount-input"}),"."]}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"управление-суффиксом",children:"Управление суффиксом"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"По умолчанию в качестве суффикса отображается символ выбранной валюты.\nКомпонент позволяет как скрыть суффикс, так и вывести произвольный текст."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"\n \n \n \n\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"uncontrolled-way",children:"Uncontrolled-way"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Можно ничего не передавать в компонент и реагировать на 'onChange'"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"controlled-way",children:"Controlled-way"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Компонент может быть использован как controlled с помощью ",(0,jsx_runtime.jsx)(_components.code,{children:"onChange"})," и ",(0,jsx_runtime.jsx)(_components.code,{children:"selected"}),":"]}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const [value, setValue] = React.useState(10000);\n const [valueString, setValueString] = React.useState('10000');\n const [suggests] = React.useState([\n { currency: 'RUR', minorUnits: 100, value: -1000, valueString: '-10' },\n { currency: 'RUR', minorUnits: 100, value: 0, valueString: '0' },\n { currency: 'RUR', minorUnits: 100, value: 500, valueString: '5' },\n { currency: 'RUR', minorUnits: 100, value: 156000, valueString: '1560' },\n { currency: 'RUR', minorUnits: 100, value: null, valueString: '' },\n ]);\n const handleChange = (event, payload) => {\n setValue(payload.value);\n setValueString(payload.valueString);\n };\n return (\n \n \n\n \n {suggests.map((s, idx) => (\n \n handleChange(null, { value: s.value, valueString: s.valueString })\n }\n >\n Установить {String(s.value)}\n \n ))}\n \n \n );\n});\n"})})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},index_module="@import '../../themes/src/default.css';\n\n/*\n* Задача:\n* 1) Отобразить символ валюты сразу за последним введенным символом\n* 2) Не дать возможность попасть кареткой за валюту\n* 3) Не дать выделить символ валюты при выделении денежного значения\n* 4) Отображать символ валюты другим цветом\n* 5) Отображать копейки другим цветом\n*\n* Решение\n* Делаем скрытый текст где держим то же значение, добавляем символ валюты\n* Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте\n*/\n\n.container {\n position: relative;\n}\n\n.bold .input,\n.bold .suffixContainer {\n font-weight: bold;\n}\n\n/* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */\n.suffixContainer > *:first-child {\n display: none;\n}\n\n.filled .input,\n.input:focus {\n -webkit-text-fill-color: transparent;\n}\n";function Component_stories_createMdxContent(props){const _components=Object.assign({span:"span",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/AmountInput",component:modern.AmountInput,id:"AmountInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"AmountInput",children:(0,jsx_runtime.jsx)(modern.AmountInput,{value:(0,addon_knobs_dist.number)("value",null),currency:(0,addon_knobs_dist.text)("currency","RUR"),suffix:(0,addon_knobs_dist.text)("suffix",void 0),integerLength:(0,addon_knobs_dist.number)("integerLength",9),minority:(0,addon_knobs_dist.number)("minority",100),integersOnly:(0,addon_knobs_dist.boolean)("integersOnly",!1),positiveOnly:(0,addon_knobs_dist.boolean)("positiveOnly",!0),bold:(0,addon_knobs_dist.boolean)("bold",!0),block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),placeholder:(0,addon_knobs_dist.text)("placeholder",void 0),label:(0,addon_knobs_dist.text)("label",""),hint:(0,addon_knobs_dist.text)("hint",""),error:(0,addon_knobs_dist.text)("error",""),leftAddons:(0,addon_knobs_dist.boolean)("leftAddons",!1)&&(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}),bottomAddons:(0,addon_knobs_dist.boolean)("bottomAddons",!1)&&(0,jsx_runtime.jsx)(_components.span,{children:"bottom text"}),clear:(0,addon_knobs_dist.boolean)("clear",!1),readOnly:(0,addon_knobs_dist.boolean)("readOnly",!1)})}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"AmountInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/amount-input"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { AmountInput } from '@alfalab/core-components/amount-input';\n"})}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),props:(0,jsx_runtime.jsx)(dist.$4,{of:Component._}),cssVars:(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})})]})}const amountInput=()=>(0,jsx_runtime.jsx)(modern.AmountInput,{value:(0,addon_knobs_dist.number)("value",null),currency:(0,addon_knobs_dist.text)("currency","RUR"),suffix:(0,addon_knobs_dist.text)("suffix",void 0),integerLength:(0,addon_knobs_dist.number)("integerLength",9),minority:(0,addon_knobs_dist.number)("minority",100),integersOnly:(0,addon_knobs_dist.boolean)("integersOnly",!1),positiveOnly:(0,addon_knobs_dist.boolean)("positiveOnly",!0),bold:(0,addon_knobs_dist.boolean)("bold",!0),block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),placeholder:(0,addon_knobs_dist.text)("placeholder",void 0),label:(0,addon_knobs_dist.text)("label",""),hint:(0,addon_knobs_dist.text)("hint",""),error:(0,addon_knobs_dist.text)("error",""),leftAddons:(0,addon_knobs_dist.boolean)("leftAddons",!1)&&(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}),bottomAddons:(0,addon_knobs_dist.boolean)("bottomAddons",!1)&&(0,jsx_runtime.jsx)("span",{children:"bottom text"}),clear:(0,addon_knobs_dist.boolean)("clear",!1),readOnly:(0,addon_knobs_dist.boolean)("readOnly",!1)});amountInput.storyName="AmountInput",amountInput.parameters={storySource:{source:'} bottomAddons={boolean("bottomAddons", false) && bottom text} clear={boolean("clear", false)} readOnly={boolean("readOnly", false)} />'}};const componentMeta={title:"Components/AmountInput",id:"AmountInput",component:modern.AmountInput,tags:["stories-mdx"],includeStories:["amountInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent(props)}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/amount-input/src/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{_:function(){return AmountInput}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),modern=__webpack_require__("./dist/input/modern/index.js"),with_suffix_modern=__webpack_require__("./dist/with-suffix/modern/index.js"),esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js");function getAmountValueFromStr(str,minority){return""===str||"-"===str?null:Math.round(Number(str.replace(",",".").replace(/[^0-9.-]/g,""))*minority)}var index_module={container:"container_lBRr_",bold:"bold_DQS_b",input:"input_G8I9L",suffixContainer:"suffixContainer_LcrIC",filled:"filled_pcsxc"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["value","integerLength","minority","currency","suffix","placeholder","integersOnly","positiveOnly","bold","colors","className","focusedClassName","dataTestId","clear","onChange","onClear","breakpoint"],colorStyles={default:{minorPartAndCurrency:"minorPartAndCurrency_N7KPP"},inverted:{minorPartAndCurrency:"minorPartAndCurrency_MKlN9"}},SuffixInput=(0,with_suffix_modern.withSuffix)(modern.Input),AmountInput=(0,react.forwardRef)((function(_ref,ref){var _cn,_ref$value=_ref.value,value=void 0===_ref$value?null:_ref$value,_ref$integerLength=_ref.integerLength,integerLength=void 0===_ref$integerLength?9:_ref$integerLength,_ref$minority=_ref.minority,minority=void 0===_ref$minority?100:_ref$minority,_ref$currency=_ref.currency,currency=void 0===_ref$currency?"RUR":_ref$currency,_ref$suffix=_ref.suffix,suffix=void 0===_ref$suffix?currency:_ref$suffix,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"0 ".concat(suffix===currency?(0,esm.jK)(currency)||"":suffix):_ref$placeholder,_ref$integersOnly=_ref.integersOnly,integersOnly=void 0!==_ref$integersOnly&&_ref$integersOnly,_ref$positiveOnly=_ref.positiveOnly,positiveOnly=void 0===_ref$positiveOnly||_ref$positiveOnly,_ref$bold=_ref.bold,bold=void 0===_ref$bold||_ref$bold,_ref$colors=_ref.colors,colors=void 0===_ref$colors?"default":_ref$colors,className=_ref.className,focusedClassName=_ref.focusedClassName,dataTestId=_ref.dataTestId,_ref$clear=_ref.clear,clear=void 0!==_ref$clear&&_ref$clear,onChange=_ref.onChange,onClear=_ref.onClear,_ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),getFormattedAmount=(0,react.useCallback)((function(){return""===value||null===value||"-"===value?"":(0,esm.dN)({value:+value,currency:currency,minority:minority,view:"default",negativeSymbol:"hyphen-minus"}).formatted}),[currency,minority,value]),_useState=(0,react.useState)(getFormattedAmount()),_useState2=(0,slicedToArray.Z)(_useState,2),inputValue=_useState2[0],setInputValue=_useState2[1],currencySymbol=(0,esm.jK)(currency);(0,react.useEffect)((function(){return getAmountValueFromStr(inputValue,minority)!==value?setInputValue(getFormattedAmount()):function(){}}),[getFormattedAmount]);var handleClear=(0,react.useCallback)((function(event){setInputValue(""),onClear&&onClear(event)}),[onClear]),_inputValue$split=inputValue.split(","),_inputValue$split2=(0,slicedToArray.Z)(_inputValue$split,2),majorPart=_inputValue$split2[0],minorPart=_inputValue$split2[1];return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module.container,(_cn={},(0,defineProperty.Z)(_cn,index_module.bold,bold),(0,defineProperty.Z)(_cn,index_module.filled,Boolean(inputValue)),_cn)),children:(0,jsx_runtime.jsx)(SuffixInput,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{suffix:(0,jsx_runtime.jsxs)(react.Fragment,{children:[majorPart,(0,jsx_runtime.jsxs)("span",{className:colorStyles[colors].minorPartAndCurrency,children:[void 0!==minorPart&&",".concat(minorPart),esm._u,suffix===currency?currencySymbol:suffix]})]}),suffixContainerClassName:index_module.suffixContainer,clear:clear,placeholder:placeholder,value:inputValue,colors:colors,className:classnames_default()(index_module.component,className),focusedClassName:focusedClassName,inputClassName:index_module.input,onChange:function handleChange(e){var input=e.target,enteredValue=input.value.replace(/\s/g,"").replace(".",",");if(integersOnly){var _enteredValue$split=enteredValue.split(",");enteredValue=(0,slicedToArray.Z)(_enteredValue$split,1)[0]}if(RegExp("(^".concat(positiveOnly?"":"-?","[0-9]{0,").concat(integerLength,"}(,([0-9]+)?)?$|^\\s*$)")).test(enteredValue)){var newFormattedValue=function getFormattedValue(enteredValue,currency,minority){if(!enteredValue||"-"===enteredValue)return enteredValue;var _enteredValue$split=enteredValue.split(","),_enteredValue$split2=(0,slicedToArray.Z)(_enteredValue$split,2),head=_enteredValue$split2[0],tail=_enteredValue$split2[1];"-"===head&&(head="-0");var majorPart=(0,esm.dN)({value:Number(head)*minority,currency:currency,minority:minority,negativeSymbol:"hyphen-minus"}).majorPart;return/^-(,|0),?/.test(enteredValue)&&"0"===majorPart&&(majorPart="-".concat(majorPart)),!tail&&enteredValue.includes(",")?majorPart.concat(","):tail?majorPart.concat(",",tail.slice(0,minority.toString().length-1)):majorPart}(enteredValue,currency,minority);if(newFormattedValue===inputValue){var caret=input.selectionStart;window.requestAnimationFrame((function(){input.selectionStart=caret,input.selectionEnd=caret}))}else{var _input$value$split=input.value.split(/\.|,/),_input$value$split2=(0,slicedToArray.Z)(_input$value$split,2),head=_input$value$split2[0],tail=_input$value$split2[1],notFormattedEnteredValueLength=head.length;tail&&(notFormattedEnteredValueLength+=1,notFormattedEnteredValueLength+=tail.slice(0,minority.toString().length-1).length);var diff=newFormattedValue.length-notFormattedEnteredValueLength,_caret=input.selectionStart+diff;window.requestAnimationFrame((function(){input.selectionStart=_caret,input.selectionEnd=_caret}))}setInputValue(newFormattedValue),onChange&&onChange(e,{value:getAmountValueFromStr(newFormattedValue,minority),valueString:newFormattedValue})}else{var _caret2=input.selectionStart-1;window.requestAnimationFrame((function(){input.selectionStart=_caret2,input.selectionEnd=_caret2}))}},onClear:handleClear,inputMode:"decimal",pattern:"[".concat(positiveOnly?"":"-","0-9\\s\\.,]*"),dataTestId:dataTestId,ref:ref,breakpoint:breakpoint}))})}));try{AmountInput.displayName="AmountInput",AmountInput.__docgenInfo={description:"Компонент для ввода денежных значений",displayName:"AmountInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:{value:"default"},description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:{value:"false"},description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},value:{defaultValue:{value:"null"},description:"Денежное значение в минорных единицах\nЗначение null - значит не установлено",name:"value",required:!1,type:{name:"string | number | null"}},currency:{defaultValue:{value:"RUR"},description:"Валюта",name:"currency",required:!1,type:{name:"enum",value:[{value:'"ALL"'},{value:'"AFN"'},{value:'"ARS"'},{value:'"AWG"'},{value:'"AUD"'},{value:'"AZN"'},{value:'"BSD"'},{value:'"BBD"'},{value:'"BYN"'},{value:'"BZD"'},{value:'"BMD"'},{value:'"BOB"'},{value:'"BOV"'},{value:'"BAM"'},{value:'"BWP"'},{value:'"BGN"'},{value:'"BRL"'},{value:'"BND"'},{value:'"KHR"'},{value:'"CAD"'},{value:'"KYD"'},{value:'"CLP"'},{value:'"CNY"'},{value:'"COP"'},{value:'"COU"'},{value:'"CRC"'},{value:'"HRK"'},{value:'"CUP"'},{value:'"CUC"'},{value:'"CZK"'},{value:'"DKK"'},{value:'"DOP"'},{value:'"XCD"'},{value:'"EGP"'},{value:'"SVC"'},{value:'"EEK"'},{value:'"EUR"'},{value:'"FKP"'},{value:'"FJD"'},{value:'"FRF"'},{value:'"GHC"'},{value:'"GIP"'},{value:'"GTQ"'},{value:'"GGP"'},{value:'"GYD"'},{value:'"HNL"'},{value:'"HKD"'},{value:'"HUF"'},{value:'"ISK"'},{value:'"INR"'},{value:'"IDR"'},{value:'"IRR"'},{value:'"IMP"'},{value:'"ILS"'},{value:'"JMD"'},{value:'"JPY"'},{value:'"JEP"'},{value:'"KZT"'},{value:'"KGS"'},{value:'"LAK"'},{value:'"LVL"'},{value:'"LBP"'},{value:'"LRD"'},{value:'"LTL"'},{value:'"MKD"'},{value:'"MYR"'},{value:'"MUR"'},{value:'"MXN"'},{value:'"MXV"'},{value:'"MNT"'},{value:'"MZN"'},{value:'"NAD"'},{value:'"NPR"'},{value:'"ANG"'},{value:'"NZD"'},{value:'"NIO"'},{value:'"NGN"'},{value:'"KPW"'},{value:'"NOK"'},{value:'"OMR"'},{value:'"PKR"'},{value:'"PAB"'},{value:'"PYG"'},{value:'"PEN"'},{value:'"PHP"'},{value:'"PLN"'},{value:'"QAR"'},{value:'"RON"'},{value:'"RUR"'},{value:'"RUB"'},{value:'"SHP"'},{value:'"SAR"'},{value:'"RSD"'},{value:'"SCR"'},{value:'"SGD"'},{value:'"SBD"'},{value:'"SOS"'},{value:'"ZAR"'},{value:'"KRW"'},{value:'"LKR"'},{value:'"SEK"'},{value:'"CHF"'},{value:'"SRD"'},{value:'"SYP"'},{value:'"TWD"'},{value:'"THB"'},{value:'"TTD"'},{value:'"TRY"'},{value:'"TRL"'},{value:'"TVD"'},{value:'"UAH"'},{value:'"GBP"'},{value:'"USD"'},{value:'"UYU"'},{value:'"UYI"'},{value:'"UZS"'},{value:'"VEF"'},{value:'"VND"'},{value:'"YER"'},{value:'"ZWD"'},{value:'"A98"'},{value:'"A99"'},{value:'"A76"'},{value:'"A33"'},{value:'"AMD"'},{value:'"BDT"'},{value:'"BIF"'},{value:'"GEL"'},{value:'"GHS"'},{value:'"SDG"'},{value:'"TJS"'},{value:'"KWD"'},{value:'"MDL"'},{value:'"AED"'}]}},suffix:{defaultValue:{value:"RUR"},description:"Дополнительный закрепленный текст справа от основного значения. (по умолчанию — символ валюты)",name:"suffix",required:!1,type:{name:"string"}},integerLength:{defaultValue:{value:"9"},description:"Максимальное число знаков до запятой",name:"integerLength",required:!1,type:{name:"number"}},minority:{defaultValue:{value:"100"},description:"Минорные единицы",name:"minority",required:!1,type:{name:"number"}},integersOnly:{defaultValue:{value:"false"},description:"Позволяет вводить только целые значения",name:"integersOnly",required:!1,type:{name:"boolean"}},positiveOnly:{defaultValue:{value:"true"},description:"",name:"positiveOnly",required:!1,type:{name:"boolean"}},bold:{defaultValue:{value:"true"},description:"Жир",name:"bold",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Обработчик события изменения значения",name:"onChange",required:!1,type:{name:"((e: ChangeEvent, payload: { value: number | null; valueString: string; }) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/amount-input/src/Component.tsx#AmountInput"]={docgenInfo:AmountInput.__docgenInfo,name:"AmountInput",path:"packages/amount-input/src/Component.tsx#AmountInput"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/bank-card-src-docs-Component-stories-mdx.6fabb78e.iframe.bundle.js b/master/bank-card-src-docs-Component-stories-mdx.6fabb78e.iframe.bundle.js new file mode 100644 index 0000000000..8d64858703 --- /dev/null +++ b/master/bank-card-src-docs-Component-stories-mdx.6fabb78e.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[6556],{"./node_modules/@alfalab/icons-logotype/AlfaInvestEnLogoShortLIcon.js":function(__unused_webpack_module,exports,__webpack_require__){var h,c=__webpack_require__("./node_modules/@alfalab/icons-logotype/tslib.es6-37b184f2.js"),e=(h=__webpack_require__("./node_modules/react/index.js"))&&"object"==typeof h&&"default"in h?h.default:h,l=function(h){return e.createElement("svg",c.__assign({role:"img",focusable:"false",fill:"currentColor",width:"182",height:"30",viewBox:"0 0 182 30"},h),e.createElement("path",{d:"M28.95.202h-3.81v20.134h3.81V.202zM13.44 3c-.561-1.678-1.208-3-3.428-3-2.22 0-2.91 1.318-3.502 3L.411 20.338h4.044l1.408-4.12h7.783l1.307 4.12h4.3L13.44 3zm-6.399 9.735l2.771-8.222h.103l2.612 8.218-5.486.004zm12.673 13.168H0V30h19.714v-4.097zm48.031-5.212c-4.245 0-7.097-3.13-7.097-7.714 0-4.584 2.74-7.671 6.823-7.671 4.082 0 6.767 3 6.767 7.643v.784H64.54c.174 2.178 1.2 3.761 3.215 3.761 2.014 0 2.625-1.568 2.625-1.568h3.718c-.215 1.806-1.826 4.765-6.354 4.765zm2.55-9.557c-.2-1.125-.883-2.691-2.824-2.691-1.68 0-2.587 1.103-2.883 2.691h5.707zm63.375 9.557c-4.245 0-7.097-3.13-7.097-7.714 0-4.584 2.743-7.671 6.823-7.671s6.767 3 6.767 7.643v.784h-9.696c.173 2.178 1.202 3.761 3.214 3.761s2.625-1.568 2.625-1.568h3.735c-.223 1.806-1.839 4.765-6.371 4.765zm2.55-9.557c-.197-1.125-.883-2.691-2.824-2.691-1.678 0-2.586 1.103-2.882 2.691h5.706zM39.93 5.3a4.528 4.528 0 00-3.962 2.142v-1.5H32.24v14.392h3.728v-8.37c0-2.098.885-3.3 2.75-3.3 1.81 0 2.747 1.202 2.747 3.3v8.37h3.756v-9.017c0-3.656-1.98-6.018-5.29-6.018zm110.026 0a4.522 4.522 0 00-3.96 2.142v-1.5h-3.731v14.392h3.731v-8.37c0-2.098.883-3.3 2.747-3.3 1.811 0 2.747 1.202 2.747 3.3v8.37h3.759v-9.017c.002-3.656-1.978-6.018-5.293-6.018zm-66.603 6.031l-1.714-.184c-1.324-.154-1.928-.617-1.928-1.539 0-.769.923-1.446 2.278-1.446 2.061 0 2.614 1.168 2.646 1.262h3.692c-.062-.555-.857-4.125-6.37-4.125-3.446 0-5.724 1.929-5.724 4.586 0 2.492 1.633 4.153 5.078 4.553l1.845.215c1.385.152 1.715.675 1.715 1.536 0 .956-.77 1.539-2.214 1.539-2.49 0-2.83-1.106-3.124-1.811h-3.72c.092 1.882 2.008 4.766 6.84 4.766 3.692 0 5.938-1.785 5.938-4.715-.007-2.545-1.421-4.206-5.237-4.637zm92.909 0l-1.714-.184c-1.325-.154-1.929-.617-1.929-1.539 0-.769.924-1.446 2.278-1.446 2.061 0 2.614 1.168 2.646 1.262h3.693c-.063-.555-.858-4.125-6.371-4.125-3.446 0-5.722 1.929-5.722 4.586 0 2.492 1.631 4.153 5.077 4.553l1.845.215c1.384.152 1.714.675 1.714 1.536 0 .956-.769 1.539-2.213 1.539-2.49 0-2.831-1.106-3.125-1.811h-3.713c.09 1.882 2.005 4.766 6.838 4.766 3.692 0 5.937-1.785 5.937-4.715-.01-2.545-1.427-4.206-5.241-4.637zM99.967 9.165V5.951h-4.114V.201h-3.754v5.741h-2.69v3.215h2.69V15.8c0 3.077 1.5 4.523 4.714 4.523h3.152v-3.351H98.05c-1.729 0-2.198-.502-2.198-2.23V9.17l4.116-.005zm67.184 0V5.951h-4.113V.201h-3.758v5.741h-2.681v3.215h2.685V15.8c0 3.077 1.5 4.523 4.714 4.523h3.153V16.96h-1.914c-1.729 0-2.199-.5-2.199-2.229V9.16l4.113.006zM119.463 5.3c-2.893 0-4.071 1.806-4.539 2.71-.917-1.725-2.423-2.71-4.519-2.71a4.393 4.393 0 00-3.872 2.087V5.925h-3.754v14.409h3.754V11.89c0-1.978.872-3.214 2.638-3.214s2.723 1.197 2.723 3.214v8.443h3.776V11.89c0-1.978.883-3.214 2.668-3.214 1.785 0 2.721 1.197 2.721 3.214v8.443h3.783v-9.097c.006-3.55-2.034-5.938-5.379-5.938zm-62.78.642l-3.313 9.28-3.347-9.28h-4.08l5.548 14.392h3.514l5.4-14.392h-3.722z"}))};exports.H9=l},"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/bank-card/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{bankCard:function(){return bankCard},default:function(){return Component_stories},logo:function(){return logo}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),AlfaBankLIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/AlfaBankLIcon.js"),AlfaInvestEnLogoShortLIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/AlfaInvestEnLogoShortLIcon.js"),modern=__webpack_require__("./dist/bank-card/modern/index.js"),Component=__webpack_require__("./packages/bank-card/src/Component.tsx"),package_namespaceObject={i8:"5.3.6"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({p:"p",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.p,{children:"Компонент в виде карты для ввода номера карты или банковского счета."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event, payload) => setValue(payload.value);\n\n return (\n <>\n \n \n \n \n \n \n );\n});\n"})})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},CHANGELOGraw_namespaceObject='# Change Log\n\n## 5.3.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.6\n\n## 5.3.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.5\n\n## 5.3.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.4\n\n## 5.3.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.3\n\n## 5.3.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.2\n\n## 5.3.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.1\n\n## 5.3.0\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.0\n\n## 5.2.25\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - masked-input@6.1.18\n\n## 5.2.24\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.17\n\n## 5.2.23\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.16\n\n## 5.2.22\n\n### Patch Changes\n\n### [#635](https://github.com/core-ds/core-components/pull/635)\n\n- Обновлена версия пакета @alfalab/icons-glyph в зависимостях\n\n- Обновлены зависимости\n - masked-input@6.1.15\n\n## 5.2.21\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.14\n\n## 5.2.20\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.13\n\n## 5.2.19\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.12\n\n## 5.2.18\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.11\n\n## 5.2.17\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.10\n\n## 5.2.16\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - masked-input@6.1.9\n\n## 5.2.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.8\n\n## 5.2.14\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - masked-input@6.1.7\n\n## 5.2.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.6\n\n## 5.2.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.5\n\n## 5.2.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.4\n\n## 5.2.10\n\n### Patch Changes\n\n### [#396](https://github.com/core-ds/core-components/pull/396)\n\n- Обновлена версия пакета @alfalab/icons-glyph в зависимостях\n\n- Обновлены зависимости\n - masked-input@6.1.3\n\n## 5.2.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.2\n\n## 5.2.8\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - masked-input@6.1.1\n\n## 5.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.0\n\n## 5.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.0.2\n\n## 5.2.5\n\n### Patch Changes\n\n### [#333](https://github.com/core-ds/core-components/pull/333)\n\n- Явные значения в css классах(padding, border-radius и т.п) заменены на переменные\n\n## 5.2.4\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type=\'number\'\n\n- Обновлены зависимости\n - masked-input@6.0.1\n\n## 5.2.3\n\n### Patch Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n- Обновлены зависимости\n - masked-input@6.0.0\n\n## 5.2.2\n\n### Patch Changes\n\n### [#293](https://github.com/core-ds/core-components/pull/293)\n\n- Изменен размер инпута с "s" на "m"\n\n* Обновлены зависимости\n - masked-input@5.0.10\n\n## 5.2.1\n\n### Patch Changes\n\n- @alfalab/core-components-masked-input@5.0.9\n\n## 5.2.0\n\n### Minor Changes\n\n- [#208](https://github.com/core-ds/core-components/pull/208): Обновлён лого в BankCard. Thanks [@reabiliti](https://github.com/reabiliti)\n Обновлены версии зависимостей с иконками (icons-logotype/icons-classic/icons-glyph/icons-flag)\n\n### Patch Changes\n\n- @alfalab/core-components-masked-input@5.0.8\n\n## 5.1.2\n\n### Patch Changes\n\n- [#189](https://github.com/core-ds/core-components/pull/189): Обновлена зависимость @alfalab/icons-glyph. Thanks [@blackraydev](https://github.com/blackraydev)\n - @alfalab/core-components-masked-input@5.0.7\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [5.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.1.0...@alfalab/core-components-bank-card@5.1.1) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.4...@alfalab/core-components-bank-card@5.1.0) (2022-09-12)\n\n### Features\n\n- **form-control:** new input/select label view (outer) ([#177](https://github.com/core-ds/core-components/issues/177)) ([66beb15](https://github.com/core-ds/core-components/commit/66beb15756de97e17a4d1dd4221fa7f401ee8539))\n\n## [5.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.3...@alfalab/core-components-bank-card@5.0.4) (2022-09-02)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [5.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.2...@alfalab/core-components-bank-card@5.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [5.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.1...@alfalab/core-components-bank-card@5.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [5.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.0...@alfalab/core-components-bank-card@5.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.4.2...@alfalab/core-components-bank-card@5.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [4.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.4.1...@alfalab/core-components-bank-card@4.4.2) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [4.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.4.0...@alfalab/core-components-bank-card@4.4.1) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.4...@alfalab/core-components-bank-card@4.4.0) (2022-08-04)\n\n### Bug Fixes\n\n- purgecss fixes ([#179](https://github.com/core-ds/core-components/issues/179)) ([ca52bab](https://github.com/core-ds/core-components/commit/ca52bab7ca82dd45c5693e46fbcec493943b3bbb))\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [4.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.3...@alfalab/core-components-bank-card@4.3.4) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.2...@alfalab/core-components-bank-card@4.3.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.1...@alfalab/core-components-bank-card@4.3.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [4.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.0...@alfalab/core-components-bank-card@4.3.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.2.7...@alfalab/core-components-bank-card@4.3.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n- fixed form-control/input/select label and hint margins ([#97](https://github.com/core-ds/core-components/issues/97)) ([abd2f15](https://github.com/core-ds/core-components/commit/abd2f15f210bb63bafe0cee341f0a66b5f2071d7))\n\n## [4.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.2.6...@alfalab/core-components-bank-card@4.2.7) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.2.5...@alfalab/core-components-bank-card@4.2.6) (2022-06-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.14...@alfalab/core-components-bank-card@4.2.0) (2022-03-04)\n\n### Bug Fixes\n\n- update glyph deps ([#1019](https://github.com/core-ds/core-components/issues/1019)) ([3e910d0](https://github.com/core-ds/core-components/commit/3e910d0801c4c46bcd399163200c1f7bfaba375e))\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n## [4.1.14](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.13...@alfalab/core-components-bank-card@4.1.14) (2022-02-17)\n\n### Bug Fixes\n\n- imports for glyph icons ([#994](https://github.com/core-ds/core-components/issues/994)) ([8e807f2](https://github.com/core-ds/core-components/commit/8e807f26abf0f942fe8eadbd201caecb297b35dc))\n\n## [4.1.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.12...@alfalab/core-components-bank-card@4.1.13) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.11...@alfalab/core-components-bank-card@4.1.12) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.10...@alfalab/core-components-bank-card@4.1.11) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.9...@alfalab/core-components-bank-card@4.1.10) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.8...@alfalab/core-components-bank-card@4.1.9) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.7...@alfalab/core-components-bank-card@4.1.8) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.6...@alfalab/core-components-bank-card@4.1.7) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.5...@alfalab/core-components-bank-card@4.1.6) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.4...@alfalab/core-components-bank-card@4.1.5) (2021-12-08)\n\n### Bug Fixes\n\n- **bank-card:** фикс цвета иконки ([#898](https://github.com/core-ds/core-components/issues/898)) ([66c2659](https://github.com/core-ds/core-components/commit/66c265919e7452af324ceabd26813a8be19b4839))\n\n## [4.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.3...@alfalab/core-components-bank-card@4.1.4) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.2...@alfalab/core-components-bank-card@4.1.3) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.1...@alfalab/core-components-bank-card@4.1.2) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.0...@alfalab/core-components-bank-card@4.1.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.9...@alfalab/core-components-bank-card@4.1.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [4.0.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.8...@alfalab/core-components-bank-card@4.0.9) (2021-09-08)\n\n### Bug Fixes\n\n- **bank-card:** improve docs, fix focus bg ([#830](https://github.com/core-ds/core-components/issues/830)) ([1d8171c](https://github.com/core-ds/core-components/commit/1d8171ce5c76831c350fcf636dd48bad2c3db118))\n\n## [4.0.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.7...@alfalab/core-components-bank-card@4.0.8) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.6...@alfalab/core-components-bank-card@4.0.7) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.5...@alfalab/core-components-bank-card@4.0.6) (2021-08-23)\n\n### Bug Fixes\n\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [4.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.4...@alfalab/core-components-bank-card@4.0.5) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.3...@alfalab/core-components-bank-card@4.0.4) (2021-08-04)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.2...@alfalab/core-components-bank-card@4.0.3) (2021-07-23)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.1...@alfalab/core-components-bank-card@4.0.2) (2021-07-19)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.0...@alfalab/core-components-bank-card@4.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.8...@alfalab/core-components-bank-card@4.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n## [3.4.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.7...@alfalab/core-components-bank-card@3.4.8) (2021-06-22)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.6...@alfalab/core-components-bank-card@3.4.7) (2021-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.5...@alfalab/core-components-bank-card@3.4.6) (2021-05-31)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.4...@alfalab/core-components-bank-card@3.4.5) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.3...@alfalab/core-components-bank-card@3.4.4) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.2...@alfalab/core-components-bank-card@3.4.3) (2021-05-18)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.1...@alfalab/core-components-bank-card@3.4.2) (2021-05-07)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.0...@alfalab/core-components-bank-card@3.4.1) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [3.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.8...@alfalab/core-components-bank-card@3.4.0) (2021-04-09)\n\n### Features\n\n- **form-control:** add hidden label instead min-width ([a40ffcf](https://github.com/core-ds/core-components/commit/a40ffcf149282c83a834587a9486bc09b2929f90))\n\n## [3.3.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.7...@alfalab/core-components-bank-card@3.3.8) (2021-04-01)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.3.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.6...@alfalab/core-components-bank-card@3.3.7) (2021-03-30)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.5...@alfalab/core-components-bank-card@3.3.6) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.4...@alfalab/core-components-bank-card@3.3.5) (2021-03-19)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.2...@alfalab/core-components-bank-card@3.3.4) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [3.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.0...@alfalab/core-components-bank-card@3.3.2) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n# [3.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.9...@alfalab/core-components-bank-card@3.3.0) (2021-03-15)\n\n### Features\n\n- **vars:** introducing border-radius vars ([1a6fb28](https://github.com/core-ds/core-components/commit/1a6fb287bcfab50048c3a9100645b4dee8cd3395))\n\n## [3.2.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.8...@alfalab/core-components-bank-card@3.2.9) (2021-03-14)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.7...@alfalab/core-components-bank-card@3.2.8) (2021-03-10)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.6...@alfalab/core-components-bank-card@3.2.7) (2021-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.5...@alfalab/core-components-bank-card@3.2.6) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.4...@alfalab/core-components-bank-card@3.2.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.3...@alfalab/core-components-bank-card@3.2.4) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.2...@alfalab/core-components-bank-card@3.2.3) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.1...@alfalab/core-components-bank-card@3.2.2) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.0...@alfalab/core-components-bank-card@3.2.1) (2021-02-18)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n';const logo={default:(0,jsx_runtime.jsx)(AlfaBankLIcon.TV,{}),custom:(0,jsx_runtime.jsx)(AlfaInvestEnLogoShortLIcon.H9,{})};function Component_stories_createMdxContent(props){const _components=Object.assign({pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/BankCard",component:modern.BankCard,id:"BankCard"}),"\n","\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"BankCard",children:(0,jsx_runtime.jsx)(modern.BankCard,{backgroundColor:(0,addon_knobs_dist.text)("backgroundColor","#EF3124"),bankLogo:logo[(0,addon_knobs_dist.select)("bankLogo",["default","custom"],"default")]})}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"BankCard",version:package_namespaceObject.i8,package:"@alfalab/core-components/bank-card"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { BankCard } from '@alfalab/core-components/bank-card';\n"})}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),props:(0,jsx_runtime.jsx)(dist.$4,{of:Component.s})})]})}const bankCard=()=>(0,jsx_runtime.jsx)(modern.BankCard,{backgroundColor:(0,addon_knobs_dist.text)("backgroundColor","#EF3124"),bankLogo:logo[(0,addon_knobs_dist.select)("bankLogo",["default","custom"],"default")]});bankCard.storyName="BankCard",bankCard.parameters={storySource:{source:''}};const componentMeta={title:"Components/BankCard",id:"BankCard",component:modern.BankCard,tags:["stories-mdx"],includeStories:["bankCard"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent(props)}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/bank-card/src/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{s:function(){return BankCard}});var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),modern=__webpack_require__("./dist/masked-input/modern/index.js"),CameraMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CameraMIcon.js"),AlfaBankLIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/AlfaBankLIcon.js"),MastercardLIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/MastercardLIcon.js"),MirXxlIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/MirXxlIcon.js"),VisaXxlIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/VisaXxlIcon.js");var index_module_component="component_MwOS5",index_module_aspectRatioContainer="aspectRatioContainer_xDsU6",index_module_content="content_eYAmN",index_module_label="label_MDQRj",index_module_focused="focused_CFuH8",index_module_filled="filled_u7HnA",index_module_input="input_R0GHs",index_module_bankLogo="bankLogo_ezQgG",index_module_brandLogo="brandLogo_aQrzo",index_module_usePhoto="usePhoto_oxrXa",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),cardMask=[/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/],accountNumberMask=[/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/],getBrandIcon=function getBrandIcon(){var value=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(16===value.replace(/\s/g,"").length&&function validateCardNumber(cardNumber){for(var digits=cardNumber.replace(/\s+/g,""),sum=0,i=0;i9)return!1;(digits.length-i)%2==0&&(cardNum*=2)>9&&(cardNum-=9),sum+=cardNum}return sum%10==0}(value)){if(value.startsWith("2"))return(0,jsx_runtime.jsx)(MirXxlIcon.df,{});if(value.startsWith("4"))return(0,jsx_runtime.jsx)(VisaXxlIcon.AQ,{});if(value.startsWith("5"))return(0,jsx_runtime.jsx)(MastercardLIcon.vL,{});if(value.startsWith("6"))return(0,jsx_runtime.jsx)(MastercardLIcon.vL,{})}return null},BankCard=react.forwardRef((function(_ref,ref){var _ref$bankLogo=_ref.bankLogo,bankLogo=void 0===_ref$bankLogo?(0,jsx_runtime.jsx)(AlfaBankLIcon.TV,{}):_ref$bankLogo,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#EF3124":_ref$backgroundColor,_ref$inputLabel=_ref.inputLabel,inputLabel=void 0===_ref$inputLabel?"Номер карты или счёта":_ref$inputLabel,value=_ref.value,className=_ref.className,onUsePhoto=_ref.onUsePhoto,onChange=_ref.onChange,dataTestId=_ref.dataTestId,uncontrolled=void 0===value,_useState=(0,react.useState)(getBrandIcon(value)),_useState2=(0,slicedToArray.Z)(_useState,2),brandIcon=_useState2[0],setBrandIcon=_useState2[1],getMask=(0,react.useCallback)((function(newValue){return newValue.length<=cardMask.length?cardMask:accountNumberMask}),[]),handleInputChange=(0,react.useCallback)((function(event,payload){uncontrolled&&setBrandIcon(getBrandIcon(event.target.value)),onChange&&onChange(event,payload)}),[onChange,uncontrolled]),renderRightAddons=(0,react.useCallback)((function(){return(0,jsx_runtime.jsx)("button",{type:"button",className:index_module_usePhoto,onClick:onUsePhoto,children:(0,jsx_runtime.jsx)(CameraMIcon.CameraMIcon,{})})}),[onUsePhoto]);return(0,react.useEffect)((function(){setBrandIcon(getBrandIcon(value))}),[value]),(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_component,className),children:(0,jsx_runtime.jsx)("div",{className:index_module_aspectRatioContainer,children:(0,jsx_runtime.jsxs)("div",{className:index_module_content,style:{backgroundColor:backgroundColor},children:[(0,jsx_runtime.jsx)("div",{className:index_module_bankLogo,children:bankLogo}),(0,jsx_runtime.jsx)(modern.MaskedInput,{ref:ref,value:value,mask:getMask,block:!0,label:inputLabel,size:"m",rightAddons:renderRightAddons(),inputClassName:index_module_input,labelClassName:index_module_label,filledClassName:index_module_filled,focusedClassName:index_module_focused,onChange:handleInputChange,dataTestId:dataTestId,inputMode:"numeric",pattern:"[0-9]*"}),brandIcon&&(0,jsx_runtime.jsx)("div",{className:index_module_brandLogo,children:brandIcon})]})})})}));BankCard.defaultProps={bankLogo:(0,jsx_runtime.jsx)(AlfaBankLIcon.TV,{}),backgroundColor:"#EF3124",inputLabel:"Номер карты или счёта"};try{BankCard.displayName="BankCard",BankCard.__docgenInfo={description:"",displayName:"BankCard",props:{className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},backgroundColor:{defaultValue:{value:"#EF3124"},description:"Цвет фона карты",name:"backgroundColor",required:!1,type:{name:"string"}},bankLogo:{defaultValue:{value:""},description:"Иконка логотипа банка (размер L)",name:"bankLogo",required:!1,type:{name:"ReactNode"}},inputLabel:{defaultValue:{value:"Номер карты или счёта"},description:"Лэйбл поля ввода",name:"inputLabel",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик ввода",name:"onChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; }) => void)"}},onUsePhoto:{defaultValue:null,description:"Обработчик вызова камеры",name:"onUsePhoto",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/bank-card/src/Component.tsx#BankCard"]={docgenInfo:BankCard.__docgenInfo,name:"BankCard",path:"packages/bank-card/src/Component.tsx#BankCard"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/bank-card-src-docs-Component-stories-mdx.cc015694.iframe.bundle.js b/master/bank-card-src-docs-Component-stories-mdx.cc015694.iframe.bundle.js deleted file mode 100644 index 5048e5b87b..0000000000 --- a/master/bank-card-src-docs-Component-stories-mdx.cc015694.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[6556],{"./node_modules/@alfalab/icons-logotype/AlfaInvestEnLogoShortLIcon.js":function(__unused_webpack_module,exports,__webpack_require__){var h,c=__webpack_require__("./node_modules/@alfalab/icons-logotype/tslib.es6-37b184f2.js"),e=(h=__webpack_require__("./node_modules/react/index.js"))&&"object"==typeof h&&"default"in h?h.default:h,l=function(h){return e.createElement("svg",c.__assign({role:"img",focusable:"false",fill:"currentColor",width:"182",height:"30",viewBox:"0 0 182 30"},h),e.createElement("path",{d:"M28.95.202h-3.81v20.134h3.81V.202zM13.44 3c-.561-1.678-1.208-3-3.428-3-2.22 0-2.91 1.318-3.502 3L.411 20.338h4.044l1.408-4.12h7.783l1.307 4.12h4.3L13.44 3zm-6.399 9.735l2.771-8.222h.103l2.612 8.218-5.486.004zm12.673 13.168H0V30h19.714v-4.097zm48.031-5.212c-4.245 0-7.097-3.13-7.097-7.714 0-4.584 2.74-7.671 6.823-7.671 4.082 0 6.767 3 6.767 7.643v.784H64.54c.174 2.178 1.2 3.761 3.215 3.761 2.014 0 2.625-1.568 2.625-1.568h3.718c-.215 1.806-1.826 4.765-6.354 4.765zm2.55-9.557c-.2-1.125-.883-2.691-2.824-2.691-1.68 0-2.587 1.103-2.883 2.691h5.707zm63.375 9.557c-4.245 0-7.097-3.13-7.097-7.714 0-4.584 2.743-7.671 6.823-7.671s6.767 3 6.767 7.643v.784h-9.696c.173 2.178 1.202 3.761 3.214 3.761s2.625-1.568 2.625-1.568h3.735c-.223 1.806-1.839 4.765-6.371 4.765zm2.55-9.557c-.197-1.125-.883-2.691-2.824-2.691-1.678 0-2.586 1.103-2.882 2.691h5.706zM39.93 5.3a4.528 4.528 0 00-3.962 2.142v-1.5H32.24v14.392h3.728v-8.37c0-2.098.885-3.3 2.75-3.3 1.81 0 2.747 1.202 2.747 3.3v8.37h3.756v-9.017c0-3.656-1.98-6.018-5.29-6.018zm110.026 0a4.522 4.522 0 00-3.96 2.142v-1.5h-3.731v14.392h3.731v-8.37c0-2.098.883-3.3 2.747-3.3 1.811 0 2.747 1.202 2.747 3.3v8.37h3.759v-9.017c.002-3.656-1.978-6.018-5.293-6.018zm-66.603 6.031l-1.714-.184c-1.324-.154-1.928-.617-1.928-1.539 0-.769.923-1.446 2.278-1.446 2.061 0 2.614 1.168 2.646 1.262h3.692c-.062-.555-.857-4.125-6.37-4.125-3.446 0-5.724 1.929-5.724 4.586 0 2.492 1.633 4.153 5.078 4.553l1.845.215c1.385.152 1.715.675 1.715 1.536 0 .956-.77 1.539-2.214 1.539-2.49 0-2.83-1.106-3.124-1.811h-3.72c.092 1.882 2.008 4.766 6.84 4.766 3.692 0 5.938-1.785 5.938-4.715-.007-2.545-1.421-4.206-5.237-4.637zm92.909 0l-1.714-.184c-1.325-.154-1.929-.617-1.929-1.539 0-.769.924-1.446 2.278-1.446 2.061 0 2.614 1.168 2.646 1.262h3.693c-.063-.555-.858-4.125-6.371-4.125-3.446 0-5.722 1.929-5.722 4.586 0 2.492 1.631 4.153 5.077 4.553l1.845.215c1.384.152 1.714.675 1.714 1.536 0 .956-.769 1.539-2.213 1.539-2.49 0-2.831-1.106-3.125-1.811h-3.713c.09 1.882 2.005 4.766 6.838 4.766 3.692 0 5.937-1.785 5.937-4.715-.01-2.545-1.427-4.206-5.241-4.637zM99.967 9.165V5.951h-4.114V.201h-3.754v5.741h-2.69v3.215h2.69V15.8c0 3.077 1.5 4.523 4.714 4.523h3.152v-3.351H98.05c-1.729 0-2.198-.502-2.198-2.23V9.17l4.116-.005zm67.184 0V5.951h-4.113V.201h-3.758v5.741h-2.681v3.215h2.685V15.8c0 3.077 1.5 4.523 4.714 4.523h3.153V16.96h-1.914c-1.729 0-2.199-.5-2.199-2.229V9.16l4.113.006zM119.463 5.3c-2.893 0-4.071 1.806-4.539 2.71-.917-1.725-2.423-2.71-4.519-2.71a4.393 4.393 0 00-3.872 2.087V5.925h-3.754v14.409h3.754V11.89c0-1.978.872-3.214 2.638-3.214s2.723 1.197 2.723 3.214v8.443h3.776V11.89c0-1.978.883-3.214 2.668-3.214 1.785 0 2.721 1.197 2.721 3.214v8.443h3.783v-9.097c.006-3.55-2.034-5.938-5.379-5.938zm-62.78.642l-3.313 9.28-3.347-9.28h-4.08l5.548 14.392h3.514l5.4-14.392h-3.722z"}))};exports.H9=l},"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/bank-card/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{bankCard:function(){return bankCard},default:function(){return Component_stories},logo:function(){return logo}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),AlfaBankLIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/AlfaBankLIcon.js"),AlfaInvestEnLogoShortLIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/AlfaInvestEnLogoShortLIcon.js"),modern=__webpack_require__("./dist/bank-card/modern/index.js"),Component=__webpack_require__("./packages/bank-card/src/Component.tsx"),package_namespaceObject={i8:"5.3.5"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({p:"p",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.p,{children:"Компонент в виде карты для ввода номера карты или банковского счета."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event, payload) => setValue(payload.value);\n\n return (\n <>\n \n \n \n \n \n \n );\n});\n"})})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},CHANGELOGraw_namespaceObject='# Change Log\n\n## 5.3.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.5\n\n## 5.3.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.4\n\n## 5.3.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.3\n\n## 5.3.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.2\n\n## 5.3.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.1\n\n## 5.3.0\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.2.0\n\n## 5.2.25\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - masked-input@6.1.18\n\n## 5.2.24\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.17\n\n## 5.2.23\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.16\n\n## 5.2.22\n\n### Patch Changes\n\n### [#635](https://github.com/core-ds/core-components/pull/635)\n\n- Обновлена версия пакета @alfalab/icons-glyph в зависимостях\n\n- Обновлены зависимости\n - masked-input@6.1.15\n\n## 5.2.21\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.14\n\n## 5.2.20\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.13\n\n## 5.2.19\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.12\n\n## 5.2.18\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.11\n\n## 5.2.17\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.10\n\n## 5.2.16\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - masked-input@6.1.9\n\n## 5.2.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.8\n\n## 5.2.14\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - masked-input@6.1.7\n\n## 5.2.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.6\n\n## 5.2.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.5\n\n## 5.2.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.4\n\n## 5.2.10\n\n### Patch Changes\n\n### [#396](https://github.com/core-ds/core-components/pull/396)\n\n- Обновлена версия пакета @alfalab/icons-glyph в зависимостях\n\n- Обновлены зависимости\n - masked-input@6.1.3\n\n## 5.2.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.2\n\n## 5.2.8\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - masked-input@6.1.1\n\n## 5.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.1.0\n\n## 5.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - masked-input@6.0.2\n\n## 5.2.5\n\n### Patch Changes\n\n### [#333](https://github.com/core-ds/core-components/pull/333)\n\n- Явные значения в css классах(padding, border-radius и т.п) заменены на переменные\n\n## 5.2.4\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type=\'number\'\n\n- Обновлены зависимости\n - masked-input@6.0.1\n\n## 5.2.3\n\n### Patch Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n- Обновлены зависимости\n - masked-input@6.0.0\n\n## 5.2.2\n\n### Patch Changes\n\n### [#293](https://github.com/core-ds/core-components/pull/293)\n\n- Изменен размер инпута с "s" на "m"\n\n* Обновлены зависимости\n - masked-input@5.0.10\n\n## 5.2.1\n\n### Patch Changes\n\n- @alfalab/core-components-masked-input@5.0.9\n\n## 5.2.0\n\n### Minor Changes\n\n- [#208](https://github.com/core-ds/core-components/pull/208): Обновлён лого в BankCard. Thanks [@reabiliti](https://github.com/reabiliti)\n Обновлены версии зависимостей с иконками (icons-logotype/icons-classic/icons-glyph/icons-flag)\n\n### Patch Changes\n\n- @alfalab/core-components-masked-input@5.0.8\n\n## 5.1.2\n\n### Patch Changes\n\n- [#189](https://github.com/core-ds/core-components/pull/189): Обновлена зависимость @alfalab/icons-glyph. Thanks [@blackraydev](https://github.com/blackraydev)\n - @alfalab/core-components-masked-input@5.0.7\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [5.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.1.0...@alfalab/core-components-bank-card@5.1.1) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.4...@alfalab/core-components-bank-card@5.1.0) (2022-09-12)\n\n### Features\n\n- **form-control:** new input/select label view (outer) ([#177](https://github.com/core-ds/core-components/issues/177)) ([66beb15](https://github.com/core-ds/core-components/commit/66beb15756de97e17a4d1dd4221fa7f401ee8539))\n\n## [5.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.3...@alfalab/core-components-bank-card@5.0.4) (2022-09-02)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [5.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.2...@alfalab/core-components-bank-card@5.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [5.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.1...@alfalab/core-components-bank-card@5.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [5.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@5.0.0...@alfalab/core-components-bank-card@5.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.4.2...@alfalab/core-components-bank-card@5.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [4.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.4.1...@alfalab/core-components-bank-card@4.4.2) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [4.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.4.0...@alfalab/core-components-bank-card@4.4.1) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.4...@alfalab/core-components-bank-card@4.4.0) (2022-08-04)\n\n### Bug Fixes\n\n- purgecss fixes ([#179](https://github.com/core-ds/core-components/issues/179)) ([ca52bab](https://github.com/core-ds/core-components/commit/ca52bab7ca82dd45c5693e46fbcec493943b3bbb))\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [4.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.3...@alfalab/core-components-bank-card@4.3.4) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.2...@alfalab/core-components-bank-card@4.3.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.1...@alfalab/core-components-bank-card@4.3.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [4.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.0...@alfalab/core-components-bank-card@4.3.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.2.7...@alfalab/core-components-bank-card@4.3.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n- fixed form-control/input/select label and hint margins ([#97](https://github.com/core-ds/core-components/issues/97)) ([abd2f15](https://github.com/core-ds/core-components/commit/abd2f15f210bb63bafe0cee341f0a66b5f2071d7))\n\n## [4.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.2.6...@alfalab/core-components-bank-card@4.2.7) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.2.5...@alfalab/core-components-bank-card@4.2.6) (2022-06-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.14...@alfalab/core-components-bank-card@4.2.0) (2022-03-04)\n\n### Bug Fixes\n\n- update glyph deps ([#1019](https://github.com/core-ds/core-components/issues/1019)) ([3e910d0](https://github.com/core-ds/core-components/commit/3e910d0801c4c46bcd399163200c1f7bfaba375e))\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n## [4.1.14](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.13...@alfalab/core-components-bank-card@4.1.14) (2022-02-17)\n\n### Bug Fixes\n\n- imports for glyph icons ([#994](https://github.com/core-ds/core-components/issues/994)) ([8e807f2](https://github.com/core-ds/core-components/commit/8e807f26abf0f942fe8eadbd201caecb297b35dc))\n\n## [4.1.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.12...@alfalab/core-components-bank-card@4.1.13) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.11...@alfalab/core-components-bank-card@4.1.12) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.10...@alfalab/core-components-bank-card@4.1.11) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.9...@alfalab/core-components-bank-card@4.1.10) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.8...@alfalab/core-components-bank-card@4.1.9) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.7...@alfalab/core-components-bank-card@4.1.8) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.6...@alfalab/core-components-bank-card@4.1.7) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.5...@alfalab/core-components-bank-card@4.1.6) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.4...@alfalab/core-components-bank-card@4.1.5) (2021-12-08)\n\n### Bug Fixes\n\n- **bank-card:** фикс цвета иконки ([#898](https://github.com/core-ds/core-components/issues/898)) ([66c2659](https://github.com/core-ds/core-components/commit/66c265919e7452af324ceabd26813a8be19b4839))\n\n## [4.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.3...@alfalab/core-components-bank-card@4.1.4) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.2...@alfalab/core-components-bank-card@4.1.3) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.1...@alfalab/core-components-bank-card@4.1.2) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.1.0...@alfalab/core-components-bank-card@4.1.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.9...@alfalab/core-components-bank-card@4.1.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [4.0.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.8...@alfalab/core-components-bank-card@4.0.9) (2021-09-08)\n\n### Bug Fixes\n\n- **bank-card:** improve docs, fix focus bg ([#830](https://github.com/core-ds/core-components/issues/830)) ([1d8171c](https://github.com/core-ds/core-components/commit/1d8171ce5c76831c350fcf636dd48bad2c3db118))\n\n## [4.0.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.7...@alfalab/core-components-bank-card@4.0.8) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.6...@alfalab/core-components-bank-card@4.0.7) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.5...@alfalab/core-components-bank-card@4.0.6) (2021-08-23)\n\n### Bug Fixes\n\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [4.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.4...@alfalab/core-components-bank-card@4.0.5) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.3...@alfalab/core-components-bank-card@4.0.4) (2021-08-04)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.2...@alfalab/core-components-bank-card@4.0.3) (2021-07-23)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.1...@alfalab/core-components-bank-card@4.0.2) (2021-07-19)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.0.0...@alfalab/core-components-bank-card@4.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.8...@alfalab/core-components-bank-card@4.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n## [3.4.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.7...@alfalab/core-components-bank-card@3.4.8) (2021-06-22)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.6...@alfalab/core-components-bank-card@3.4.7) (2021-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.5...@alfalab/core-components-bank-card@3.4.6) (2021-05-31)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.4...@alfalab/core-components-bank-card@3.4.5) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.3...@alfalab/core-components-bank-card@3.4.4) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.2...@alfalab/core-components-bank-card@3.4.3) (2021-05-18)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.1...@alfalab/core-components-bank-card@3.4.2) (2021-05-07)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.4.0...@alfalab/core-components-bank-card@3.4.1) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n# [3.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.8...@alfalab/core-components-bank-card@3.4.0) (2021-04-09)\n\n### Features\n\n- **form-control:** add hidden label instead min-width ([a40ffcf](https://github.com/core-ds/core-components/commit/a40ffcf149282c83a834587a9486bc09b2929f90))\n\n## [3.3.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.7...@alfalab/core-components-bank-card@3.3.8) (2021-04-01)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.3.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.6...@alfalab/core-components-bank-card@3.3.7) (2021-03-30)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.5...@alfalab/core-components-bank-card@3.3.6) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.4...@alfalab/core-components-bank-card@3.3.5) (2021-03-19)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.2...@alfalab/core-components-bank-card@3.3.4) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [3.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.3.0...@alfalab/core-components-bank-card@3.3.2) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n# [3.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.9...@alfalab/core-components-bank-card@3.3.0) (2021-03-15)\n\n### Features\n\n- **vars:** introducing border-radius vars ([1a6fb28](https://github.com/core-ds/core-components/commit/1a6fb287bcfab50048c3a9100645b4dee8cd3395))\n\n## [3.2.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.8...@alfalab/core-components-bank-card@3.2.9) (2021-03-14)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.7...@alfalab/core-components-bank-card@3.2.8) (2021-03-10)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.6...@alfalab/core-components-bank-card@3.2.7) (2021-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.5...@alfalab/core-components-bank-card@3.2.6) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.4...@alfalab/core-components-bank-card@3.2.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.3...@alfalab/core-components-bank-card@3.2.4) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.2...@alfalab/core-components-bank-card@3.2.3) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.1...@alfalab/core-components-bank-card@3.2.2) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n\n## [3.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@3.2.0...@alfalab/core-components-bank-card@3.2.1) (2021-02-18)\n\n**Note:** Version bump only for package @alfalab/core-components-bank-card\n';const logo={default:(0,jsx_runtime.jsx)(AlfaBankLIcon.TV,{}),custom:(0,jsx_runtime.jsx)(AlfaInvestEnLogoShortLIcon.H9,{})};function Component_stories_createMdxContent(props){const _components=Object.assign({pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/BankCard",component:modern.BankCard,id:"BankCard"}),"\n","\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"BankCard",children:(0,jsx_runtime.jsx)(modern.BankCard,{backgroundColor:(0,addon_knobs_dist.text)("backgroundColor","#EF3124"),bankLogo:logo[(0,addon_knobs_dist.select)("bankLogo",["default","custom"],"default")]})}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"BankCard",version:package_namespaceObject.i8,package:"@alfalab/core-components/bank-card"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { BankCard } from '@alfalab/core-components/bank-card';\n"})}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),props:(0,jsx_runtime.jsx)(dist.$4,{of:Component.s})})]})}const bankCard=()=>(0,jsx_runtime.jsx)(modern.BankCard,{backgroundColor:(0,addon_knobs_dist.text)("backgroundColor","#EF3124"),bankLogo:logo[(0,addon_knobs_dist.select)("bankLogo",["default","custom"],"default")]});bankCard.storyName="BankCard",bankCard.parameters={storySource:{source:''}};const componentMeta={title:"Components/BankCard",id:"BankCard",component:modern.BankCard,tags:["stories-mdx"],includeStories:["bankCard"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent(props)}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/bank-card/src/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{s:function(){return BankCard}});var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),modern=__webpack_require__("./dist/masked-input/modern/index.js"),CameraMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CameraMIcon.js"),AlfaBankLIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/AlfaBankLIcon.js"),MastercardLIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/MastercardLIcon.js"),MirXxlIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/MirXxlIcon.js"),VisaXxlIcon=__webpack_require__("./node_modules/@alfalab/icons-logotype/VisaXxlIcon.js");var index_module_component="component_MwOS5",index_module_aspectRatioContainer="aspectRatioContainer_xDsU6",index_module_content="content_eYAmN",index_module_label="label_MDQRj",index_module_focused="focused_CFuH8",index_module_filled="filled_u7HnA",index_module_input="input_R0GHs",index_module_bankLogo="bankLogo_ezQgG",index_module_brandLogo="brandLogo_aQrzo",index_module_usePhoto="usePhoto_oxrXa",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),cardMask=[/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/],accountNumberMask=[/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/],getBrandIcon=function getBrandIcon(){var value=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(16===value.replace(/\s/g,"").length&&function validateCardNumber(cardNumber){for(var digits=cardNumber.replace(/\s+/g,""),sum=0,i=0;i9)return!1;(digits.length-i)%2==0&&(cardNum*=2)>9&&(cardNum-=9),sum+=cardNum}return sum%10==0}(value)){if(value.startsWith("2"))return(0,jsx_runtime.jsx)(MirXxlIcon.df,{});if(value.startsWith("4"))return(0,jsx_runtime.jsx)(VisaXxlIcon.AQ,{});if(value.startsWith("5"))return(0,jsx_runtime.jsx)(MastercardLIcon.vL,{});if(value.startsWith("6"))return(0,jsx_runtime.jsx)(MastercardLIcon.vL,{})}return null},BankCard=react.forwardRef((function(_ref,ref){var _ref$bankLogo=_ref.bankLogo,bankLogo=void 0===_ref$bankLogo?(0,jsx_runtime.jsx)(AlfaBankLIcon.TV,{}):_ref$bankLogo,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#EF3124":_ref$backgroundColor,_ref$inputLabel=_ref.inputLabel,inputLabel=void 0===_ref$inputLabel?"Номер карты или счёта":_ref$inputLabel,value=_ref.value,className=_ref.className,onUsePhoto=_ref.onUsePhoto,onChange=_ref.onChange,dataTestId=_ref.dataTestId,uncontrolled=void 0===value,_useState=(0,react.useState)(getBrandIcon(value)),_useState2=(0,slicedToArray.Z)(_useState,2),brandIcon=_useState2[0],setBrandIcon=_useState2[1],getMask=(0,react.useCallback)((function(newValue){return newValue.length<=cardMask.length?cardMask:accountNumberMask}),[]),handleInputChange=(0,react.useCallback)((function(event,payload){uncontrolled&&setBrandIcon(getBrandIcon(event.target.value)),onChange&&onChange(event,payload)}),[onChange,uncontrolled]),renderRightAddons=(0,react.useCallback)((function(){return(0,jsx_runtime.jsx)("button",{type:"button",className:index_module_usePhoto,onClick:onUsePhoto,children:(0,jsx_runtime.jsx)(CameraMIcon.CameraMIcon,{})})}),[onUsePhoto]);return(0,react.useEffect)((function(){setBrandIcon(getBrandIcon(value))}),[value]),(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_component,className),children:(0,jsx_runtime.jsx)("div",{className:index_module_aspectRatioContainer,children:(0,jsx_runtime.jsxs)("div",{className:index_module_content,style:{backgroundColor:backgroundColor},children:[(0,jsx_runtime.jsx)("div",{className:index_module_bankLogo,children:bankLogo}),(0,jsx_runtime.jsx)(modern.MaskedInput,{ref:ref,value:value,mask:getMask,block:!0,label:inputLabel,size:"m",rightAddons:renderRightAddons(),inputClassName:index_module_input,labelClassName:index_module_label,filledClassName:index_module_filled,focusedClassName:index_module_focused,onChange:handleInputChange,dataTestId:dataTestId,inputMode:"numeric",pattern:"[0-9]*"}),brandIcon&&(0,jsx_runtime.jsx)("div",{className:index_module_brandLogo,children:brandIcon})]})})})}));BankCard.defaultProps={bankLogo:(0,jsx_runtime.jsx)(AlfaBankLIcon.TV,{}),backgroundColor:"#EF3124",inputLabel:"Номер карты или счёта"};try{BankCard.displayName="BankCard",BankCard.__docgenInfo={description:"",displayName:"BankCard",props:{className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},backgroundColor:{defaultValue:{value:"#EF3124"},description:"Цвет фона карты",name:"backgroundColor",required:!1,type:{name:"string"}},bankLogo:{defaultValue:{value:""},description:"Иконка логотипа банка (размер L)",name:"bankLogo",required:!1,type:{name:"ReactNode"}},inputLabel:{defaultValue:{value:"Номер карты или счёта"},description:"Лэйбл поля ввода",name:"inputLabel",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик ввода",name:"onChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; }) => void)"}},onUsePhoto:{defaultValue:null,description:"Обработчик вызова камеры",name:"onUsePhoto",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/bank-card/src/Component.tsx#BankCard"]={docgenInfo:BankCard.__docgenInfo,name:"BankCard",path:"packages/bank-card/src/Component.tsx#BankCard"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/calendar-input-src-docs-Component-stories-mdx.9f0271a2.iframe.bundle.js b/master/calendar-input-src-docs-Component-stories-mdx.9f0271a2.iframe.bundle.js deleted file mode 100644 index 60e1b4afb9..0000000000 --- a/master/calendar-input-src-docs-Component-stories-mdx.9f0271a2.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[46],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/calendar-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{calendarInput:function(){return calendarInput},default:function(){return Component_stories}});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),modern=__webpack_require__("./dist/date-input/modern/index.js"),calendar_input_modern=__webpack_require__("./dist/calendar-input/modern/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),package_namespaceObject={i8:"9.0.7"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"пример",children:"Пример"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Пикер используется, когда выбор дат ограничен. Например, если нельзя указывать выходные дни.\nПри наличии пикера допустимо блокировать ввод с клавиатуры чтобы исключить ввод недоступных значений."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,mobileHeight:640,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const [disableUserInput, setDisableUserInput] = React.useState(false);\n const defaultMonth = new Date('December 1, 2022 00:00:00');\n\n const events = [new Date().setDate(13), new Date().setDate(19)];\n\n const offDays = [new Date().setDate(8), new Date().setDate(9)];\n\n const holidays = [\n new Date().setDate(3),\n new Date().setDate(4),\n new Date().setDate(10),\n new Date().setDate(11),\n new Date().setDate(17),\n new Date().setDate(18),\n new Date().setDate(24),\n new Date().setDate(25),\n new Date().setDate(31),\n ];\n\n return (\n \n \n setDisableUserInput(!disableUserInput)}\n />\n \n );\n});\n//MOBILE\nrender(() => {\n const [disableUserInput, setDisableUserInput] = React.useState(false);\n const defaultMonth = new Date('December 1, 2022 00:00:00');\n\n const events = [new Date().setDate(13), new Date().setDate(19)];\n\n const offDays = [new Date().setDate(8), new Date().setDate(9)];\n\n const holidays = [\n new Date().setDate(3),\n new Date().setDate(4),\n new Date().setDate(10),\n new Date().setDate(11),\n new Date().setDate(17),\n new Date().setDate(18),\n new Date().setDate(24),\n new Date().setDate(25),\n new Date().setDate(31),\n ];\n\n return (\n <>\n \n\n \n\n setDisableUserInput(!disableUserInput)}\n />\n \n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"календарь",children:"Календарь"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Настройки календаря можно посмотреть на страничке компонента ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"}),"."]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Поле ввода является оберткой над ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/formcontrol--docs",children:"FormControl"}),",\nпоэтому наследует все доступные для него настройки. Пикер это\n",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"})," переданный в ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/popover--docs",children:"Popover"}),"."]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_responsive=__webpack_require__("./packages/calendar-input/src/Component.responsive.tsx"),index_module="@import '../../../../themes/src/default.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-input-icon-color: var(--color-light-graphic-primary);\n --calendar-input-popover-border-radius: var(--border-radius-m);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.block {\n width: 100%;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-input-popover-border-radius);\n border: 1px solid var(--color-light-border-secondary);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.calendarIcon {\n width: 24px;\n height: 24px;\n display: block;\n color: var(--calendar-input-icon-color);\n\n &:not(:only-child) {\n margin-right: var(--gap-2xs);\n }\n}\n\n.nativeInput {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n appearance: none;\n z-index: 1;\n\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n &::-webkit-inner-spin-button {\n display: none;\n }\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code",p:"p"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { CalendarInput } from '@alfalab/core-components/calendar-input';\nimport { CalendarInputDesktop } from '@alfalab/core-components/calendar-input/desktop';\nimport { CalendarInputMobile } from '@alfalab/core-components/calendar-input/mobile';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Из индекса импортируется responsive версия компонента."}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{of:Component_responsive.c}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)},CHANGELOGraw_namespaceObject='# Change Log\n\n## 9.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.5\n - date-input@4.3.5\n\n## 9.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.4\n\n## 9.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.3\n - calendar@7.0.4\n\n## 9.0.4\n\n### Patch Changes\n\n### [#815](https://github.com/core-ds/core-components/pull/815)\n\n- Исправлена проблема, из-за которой при включенной пропсе disableUserInput невозможно было переставить фокус клавишей Tab\n\n## 9.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.3\n\n## 9.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.2\n - calendar@7.0.2\n\n## 9.0.1\n\n### Patch Changes\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n- Добавлены недостающие зависимости в package.json\n\n- Обновлены зависимости\n - calendar@7.0.1\n - date-input@4.3.1\n\n## 9.0.0\n\n### Major Changes\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n- Утилиты и константы экспортируются из shared\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n- Удалена responsive точка входа. (В проектах нужно заменить импорт @alfalab/core-components-calendar/responsive на @alfalab/core-components-calendar)\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.0\n - date-input@4.3.0\n - popover@6.1.0\n\n## 8.3.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.2\n\n## 8.3.0\n\n### Minor Changes\n\n### [#756](https://github.com/core-ds/core-components/pull/756)\n\n- Добавлены два коллбэка - onCalendarOpen и onCalendarClose\n\n### [#768](https://github.com/core-ds/core-components/pull/768)\n\n- В компоненты CalendarInput, DateRangeInput, DateTimeInput добавлен проп disableUserInput отвечающий за запрет ввода с клавиатуры\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - calendar@6.6.1\n - date-input@4.2.10\n - popover@6.0.9\n\n## 8.2.29\n\n### Patch Changes\n\n### [#752](https://github.com/core-ds/core-components/pull/752)\n\n- Свойство inputClassName передано компоненту инпута\n\n- Обновлены зависимости\n - calendar@6.6.0\n\n## 8.2.28\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.2\n - date-input@4.2.9\n\n## 8.2.27\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.1\n\n## 8.2.26\n\n### Patch Changes\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n### [#676](https://github.com/core-ds/core-components/pull/676)\n\n- Обновлена зависимость @alfalab/hooks\n\n- Обновлены зависимости\n - calendar@6.5.0\n - date-input@4.2.8\n\n## 8.2.25\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.4.0\n - date-input@4.2.7\n\n## 8.2.24\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.3\n - date-input@4.2.6\n\n## 8.2.23\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.2\n - date-input@4.2.5\n\n## 8.2.22\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.1\n - date-input@4.2.4\n\n## 8.2.21\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.0\n - date-input@4.2.3\n\n## 8.2.20\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.18\n - date-input@4.2.2\n\n## 8.2.19\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.17\n\n## 8.2.18\n\n### Patch Changes\n\n### [#612](https://github.com/core-ds/core-components/pull/612)\n\n- Исправлены отступы\n\n- Обновлены зависимости\n - calendar@6.2.16\n\n## 8.2.17\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - calendar@6.2.15\n - date-input@4.2.1\n - popover@6.0.8\n\n## 8.2.16\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.2.0\n\n## 8.2.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.14\n\n## 8.2.14\n\n### Patch Changes\n\n### [#557](https://github.com/core-ds/core-components/pull/557)\n\n- Добавлены бордеры у выпадающих меню\n\n## 8.2.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.13\n\n## 8.2.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.12\n\n## 8.2.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.11\n - date-input@4.1.8\n\n## 8.2.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.10\n\n## 8.2.9\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n### [#522](https://github.com/core-ds/core-components/pull/522)\n\n- Исправлена TS ошибка "ref does not exist on type"\n\n- Обновлены зависимости\n - calendar@6.2.9\n - date-input@4.1.7\n - popover@6.0.7\n\n## 8.2.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.8\n - date-input@4.1.6\n\n## 8.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.7\n - date-input@4.1.5\n\n## 8.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.6\n - calendar@6.2.6\n\n## 8.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.5\n\n## 8.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.4\n - date-input@4.1.4\n\n## 8.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.3\n\n## 8.2.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.2\n - date-input@4.1.3\n\n## 8.2.1\n\n### Patch Changes\n\n### [#422](https://github.com/core-ds/core-components/pull/422)\n\n- "export" типов заменен на "export type"\n\n- Обновлены зависимости\n - calendar@6.2.1\n - date-input@4.1.2\n\n## 8.2.0\n\n### Minor Changes\n\n### [#334](https://github.com/core-ds/core-components/pull/334)\n\n- В компонентах DateRangeInput, DateTimeInput и CalendarInput добавлены mobile и desktop версии компонентов. Название компонентов было изменено по схеме Component → ComponentDesktop\n- В компонентах Calendar и InputAutocomplete добавлена responsive версия компонентов. Название компонентов было изменено по схеме Component → ComponentResponsive
\n- В компонентах PickerButton и Tooltip добавлен новый пропс breakpoint. Название компонентов было изменено по схеме Component -→ ComponentResponsive для PickerButton и Component → ComponentDesktop для Tooltip
\n- В компонентах Confirmation и SidePanel добавлен новый пропс breakpoint
\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - calendar@6.2.0\n - date-input@4.1.1\n - popover@6.0.5\n\n## 8.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.15\n\n## 8.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.14\n\n## 8.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.4\n - calendar@6.1.13\n\n## 8.1.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с \'alfabank.servicecdn.ru\' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.1.0\n - calendar@6.1.12\n\n## 8.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.3\n - calendar@6.1.11\n - date-input@4.0.2\n\n## 8.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type=\'number\'\n\n- Обновлены зависимости\n - date-input@4.0.1\n - calendar@6.1.10\n\n## 8.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.0.0\n - calendar@6.1.9\n\n## 7.1.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.8\n - popover@6.0.2\n - date-input@3.1.6\n\n## 7.1.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.7\n\n## 7.1.7\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n- Updated dependencies [[#282](https://github.com/core-ds/core-components/pull/282)]\n - @alfalab/core-components-calendar@6.1.6\n - @alfalab/core-components-date-input@3.1.5\n\n## 7.1.6\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-calendar@6.1.5\n - @alfalab/core-components-date-input@3.1.4\n\n## 7.1.5\n\n### Patch Changes\n\n- [#277](https://github.com/core-ds/core-components/pull/277): Внешняя ошибка больше не влияет на вызов onChange. Thanks [@reme3d2y](https://github.com/reme3d2y)\n\n## 7.1.4\n\n### Patch Changes\n\n- Updated dependencies [[#175](https://github.com/core-ds/core-components/pull/175)]\n - @alfalab/core-components-calendar@6.1.4\n\n## 7.1.3\n\n### Patch Changes\n\n- Updated dependencies [[#189](https://github.com/core-ds/core-components/pull/189)]\n - @alfalab/core-components-calendar@6.1.3\n - @alfalab/core-components-date-input@3.1.3\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [7.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.1.1...@alfalab/core-components-calendar-input@7.1.2) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [7.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.1.0...@alfalab/core-components-calendar-input@7.1.1) (2022-09-12)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [7.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.0.3...@alfalab/core-components-calendar-input@7.1.0) (2022-09-02)\n\n### Features\n\n- testing-library versions update ([#216](https://github.com/core-ds/core-components/issues/216)) ([33b6225](https://github.com/core-ds/core-components/commit/33b62259a1332f535f367502590ea37e7ad051d4))\n\n## [7.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.0.2...@alfalab/core-components-calendar-input@7.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [7.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.0.1...@alfalab/core-components-calendar-input@7.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [7.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.0.0...@alfalab/core-components-calendar-input@7.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [7.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.6.3...@alfalab/core-components-calendar-input@7.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [6.6.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.6.2...@alfalab/core-components-calendar-input@6.6.3) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [6.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.6.1...@alfalab/core-components-calendar-input@6.6.2) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.6.0...@alfalab/core-components-calendar-input@6.6.1) (2022-08-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [6.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.9...@alfalab/core-components-calendar-input@6.6.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [6.5.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.8...@alfalab/core-components-calendar-input@6.5.9) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.7...@alfalab/core-components-calendar-input@6.5.8) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.6...@alfalab/core-components-calendar-input@6.5.7) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.5...@alfalab/core-components-calendar-input@6.5.6) (2022-07-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.4...@alfalab/core-components-calendar-input@6.5.5) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [6.5.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.3...@alfalab/core-components-calendar-input@6.5.4) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.2...@alfalab/core-components-calendar-input@6.5.3) (2022-07-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.1...@alfalab/core-components-calendar-input@6.5.2) (2022-07-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.0...@alfalab/core-components-calendar-input@6.5.1) (2022-06-30)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [6.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.4.0...@alfalab/core-components-calendar-input@6.5.0) (2022-06-29)\n\n### Features\n\n- **calendar:** implement calendar mobile ([#54](https://github.com/core-ds/core-components/issues/54)) ([730f51d](https://github.com/core-ds/core-components/commit/730f51d35823273f122fe84a0369f95745fd2878))\n\n# [6.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.3.3...@alfalab/core-components-calendar-input@6.4.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n- fixed form-control/input/select label and hint margins ([#97](https://github.com/core-ds/core-components/issues/97)) ([abd2f15](https://github.com/core-ds/core-components/commit/abd2f15f210bb63bafe0cee341f0a66b5f2071d7))\n\n## [6.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.3.2...@alfalab/core-components-calendar-input@6.3.3) (2022-06-24)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.3.1...@alfalab/core-components-calendar-input@6.3.2) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.3.0...@alfalab/core-components-calendar-input@6.3.1) (2022-06-20)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [6.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.2.2...@alfalab/core-components-calendar-input@6.3.0) (2022-06-03)\n\n### Features\n\n- **date-input:** removed date validation ([#69](https://github.com/core-ds/core-components/issues/69)) ([ca56ec9](https://github.com/core-ds/core-components/commit/ca56ec97db0d966233bd4312fdddabd59ed427ae))\n\n## [6.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.1.1...@alfalab/core-components-calendar-input@6.1.2) (2022-03-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.1.0...@alfalab/core-components-calendar-input@6.1.1) (2022-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.0.0...@alfalab/core-components-calendar-input@6.1.0) (2022-03-01)\n\n### Bug Fixes\n\n- changed dropdown component\'s box shadow styles ([#1010](https://github.com/core-ds/core-components/issues/1010)) ([2f997f5](https://github.com/core-ds/core-components/commit/2f997f5722c89b38a8064924b73c0a8046025aea))\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.3.0...@alfalab/core-components-calendar-input@6.0.0) (2022-02-17)\n\n- refactor/calendar-range (#984) ([714f615](https://github.com/core-ds/core-components/commit/714f61590586bafe1060e652943e95c133ed002a)), closes [#984](https://github.com/core-ds/core-components/issues/984)\n\n### BREAKING CHANGES\n\n- Большое обновление CalendarRange\n\n- feat(date-input): add some improvements\n\n- feat(date-input): some updates\n\n- feat(date-input): validation\n\n- feat(calendar): change period selection logic\n\n- fix(calendar): range styles\n\n- fix(calendar): fix styles, add rangeComplete flag\n\n- refactor(calendar-range): temporary\n\n- fix(calendar-range): fix hook\n\n- fix(calendar-range): fix period\n\n- fix(calendar-range): fix tests, fix max date\n\n- fix: update exports\n\n- feat(calendar): allow empty values for PeriodSlider, update today\n\n- fix(calendar-range): hide error icon\n\n- chore(calendar-range): demo\n\n- feat(calendar): use IconButton\n\n- feat(calendar-range): add onChange, update demo\n\n- fix(calendar-range): update width\n\n- test(calendar-range): update snapshot\n\n- fix: import date-fns separately\n\n- fix(calendar-range): fix rest props\n\nCo-authored-by: dmitrsavk \n\n# [5.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.7...@alfalab/core-components-calendar-input@5.3.0) (2022-02-17)\n\n### Bug Fixes\n\n- imports for glyph icons ([#994](https://github.com/core-ds/core-components/issues/994)) ([8e807f2](https://github.com/core-ds/core-components/commit/8e807f26abf0f942fe8eadbd201caecb297b35dc))\n\n### Features\n\n- **calendar:** design & logic updates ([#991](https://github.com/core-ds/core-components/issues/991)) ([358142c](https://github.com/core-ds/core-components/commit/358142c6d259e1463954139cc648787cdf461f76)), closes [#993](https://github.com/core-ds/core-components/issues/993) [#990](https://github.com/core-ds/core-components/issues/990)\n- **date-input:** add some improvements ([#971](https://github.com/core-ds/core-components/issues/971)) ([47756ca](https://github.com/core-ds/core-components/commit/47756ca1d4eea89f78ed7234e95c02e51dd72e49))\n\n## [5.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.6...@alfalab/core-components-calendar-input@5.2.7) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.5...@alfalab/core-components-calendar-input@5.2.6) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.4...@alfalab/core-components-calendar-input@5.2.5) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.3...@alfalab/core-components-calendar-input@5.2.4) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.2...@alfalab/core-components-calendar-input@5.2.3) (2022-01-27)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.1...@alfalab/core-components-calendar-input@5.2.2) (2022-01-17)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.0...@alfalab/core-components-calendar-input@5.2.1) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [5.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.1.3...@alfalab/core-components-calendar-input@5.2.0) (2021-12-21)\n\n### Features\n\n- **calendar-input:** add popover z-index ([#924](https://github.com/core-ds/core-components/issues/924)) ([378286d](https://github.com/core-ds/core-components/commit/378286d746ca33aeb755617270f66310712d1c61))\n\n## [5.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.1.2...@alfalab/core-components-calendar-input@5.1.3) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.1.1...@alfalab/core-components-calendar-input@5.1.2) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.1.0...@alfalab/core-components-calendar-input@5.1.1) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.0.3...@alfalab/core-components-calendar-input@5.1.0) (2021-12-08)\n\n### Bug Fixes\n\n- **calendar-input:** рендер rightAddons, фикс затертых пропсов ([#895](https://github.com/core-ds/core-components/issues/895)) ([1eabd29](https://github.com/core-ds/core-components/commit/1eabd2902cd1bd62517284313f79cf31189cf525))\n\n### Features\n\n- **calendar:** мобильные стили ([#867](https://github.com/core-ds/core-components/issues/867)) ([febf545](https://github.com/core-ds/core-components/commit/febf54551f8179a1ba03fe65ed47aa3b20b01472))\n\n## [5.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.0.2...@alfalab/core-components-calendar-input@5.0.3) (2021-12-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.0.1...@alfalab/core-components-calendar-input@5.0.2) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.0.0...@alfalab/core-components-calendar-input@5.0.1) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.2.2...@alfalab/core-components-calendar-input@5.0.0) (2021-10-15)\n\n### Features\n\n- **calendar-input:** переход к темизации цвета иконки ([adf1dfd](https://github.com/core-ds/core-components/commit/adf1dfd080c1986976a57fee448183e762892eb0))\n\n### BREAKING CHANGES\n\n- **calendar-input:** удалена переменная --calendar-input-calendar-icon\n\n## [4.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.2.1...@alfalab/core-components-calendar-input@4.2.2) (2021-10-15)\n\n### Bug Fixes\n\n- **calendar-input:** remove popover border in click theme ([7a76759](https://github.com/core-ds/core-components/commit/7a76759ccc5741a03a4c90f97cce6f67255b1c4b))\n- **calendar-input:** update border-radius ([0d06aca](https://github.com/core-ds/core-components/commit/0d06aca7162c85f987c1172ea037b5b3bc66f8c5))\n\n## [4.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.2.0...@alfalab/core-components-calendar-input@4.2.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [4.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.8...@alfalab/core-components-calendar-input@4.2.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [4.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.7...@alfalab/core-components-calendar-input@4.1.8) (2021-09-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.6...@alfalab/core-components-calendar-input@4.1.7) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.5...@alfalab/core-components-calendar-input@4.1.6) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.4...@alfalab/core-components-calendar-input@4.1.5) (2021-08-23)\n\n### Bug Fixes\n\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [4.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.3...@alfalab/core-components-calendar-input@4.1.4) (2021-08-13)\n\n### Bug Fixes\n\n- **calendar-input:** extends calendarProps type ([8bf4f58](https://github.com/core-ds/core-components/commit/8bf4f587c1a36471318f7cc02968d1de2a125e11))\n\n## [4.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.2...@alfalab/core-components-calendar-input@4.1.3) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.1...@alfalab/core-components-calendar-input@4.1.2) (2021-08-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.0...@alfalab/core-components-calendar-input@4.1.1) (2021-08-03)\n\n### Bug Fixes\n\n- move icon from date input to calendar input ([#768](https://github.com/core-ds/core-components/issues/768)) ([040bd42](https://github.com/core-ds/core-components/commit/040bd423279eb535f1ea924599ee16c296453e3f))\n\n# [4.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.0.2...@alfalab/core-components-calendar-input@4.1.0) (2021-07-23)\n\n### Bug Fixes\n\n- select & calendar-input use glyph icons ([#742](https://github.com/core-ds/core-components/issues/742)) ([6b04ae4](https://github.com/core-ds/core-components/commit/6b04ae49fc4f3805ef362dcb68939b72fc99814b))\n\n### Features\n\n- **calendar-input:** uses date-input ([#752](https://github.com/core-ds/core-components/issues/752)) ([509dba2](https://github.com/core-ds/core-components/commit/509dba26913ccf6df859a200aa476eeef1df2ddc))\n\n## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.0.1...@alfalab/core-components-calendar-input@4.0.2) (2021-07-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.0.0...@alfalab/core-components-calendar-input@4.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.1.0...@alfalab/core-components-calendar-input@4.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n# [3.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.8...@alfalab/core-components-calendar-input@3.1.0) (2021-06-30)\n\n### Features\n\n- **calendar-range:** pass props to render calendar in popper ([#702](https://github.com/core-ds/core-components/issues/702)) ([4369e46](https://github.com/core-ds/core-components/commit/4369e462116dc1d240f95f811be67639b10dedb6))\n\n## [3.0.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.7...@alfalab/core-components-calendar-input@3.0.8) (2021-06-22)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.6...@alfalab/core-components-calendar-input@3.0.7) (2021-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.5...@alfalab/core-components-calendar-input@3.0.6) (2021-05-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.4...@alfalab/core-components-calendar-input@3.0.5) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.3...@alfalab/core-components-calendar-input@3.0.4) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.2...@alfalab/core-components-calendar-input@3.0.3) (2021-05-18)\n\n### Bug Fixes\n\n- **calendar-input:** allow to pass all props via calendarProps ([#653](https://github.com/core-ds/core-components/issues/653)) ([82c4675](https://github.com/core-ds/core-components/commit/82c4675e2f64b282f9d9772825874a6e1854704b))\n\n## [3.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.1...@alfalab/core-components-calendar-input@3.0.2) (2021-05-07)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.0...@alfalab/core-components-calendar-input@3.0.1) (2021-05-06)\n\n### Bug Fixes\n\n- update popover versions ([#646](https://github.com/core-ds/core-components/issues/646)) ([199cf80](https://github.com/core-ds/core-components/commit/199cf80cd60e6edf0ac5d41c7eb258ab05d3b534))\n\n# [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.6.0...@alfalab/core-components-calendar-input@3.0.0) (2021-04-26)\n\n### Features\n\n- **stack:** add new component ([#612](https://github.com/core-ds/core-components/issues/612)) ([c520f91](https://github.com/core-ds/core-components/commit/c520f91cd22bb9e23fd2f428719865b4c7d5a2a6))\n\n### BREAKING CHANGES\n\n- **stack:** remove z-index, add stack component\n\n- feat(modal): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(notification-manager): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(notification): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(popover): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(select): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(toast): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(tooltip): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(stack): fix comment\n\n- Revert "feat(modal): remove z-index, add stack component"\n\nThis reverts commit fcae901c6ec58311701cd491296a7b04016a9a65.\n\n- feat(base-modal): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- test(file-upload-item): update snapshot\n\n# [2.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.5.1...@alfalab/core-components-calendar-input@2.6.0) (2021-04-26)\n\n### Features\n\n- **calendar-input:** toggle calendar on enter ([#618](https://github.com/core-ds/core-components/issues/618)) ([110e836](https://github.com/core-ds/core-components/commit/110e8369dffa9576ec07a517076a11d6ba2e80fa))\n\n## [2.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.5.0...@alfalab/core-components-calendar-input@2.5.1) (2021-04-26)\n\n### Bug Fixes\n\n- **calendar:** ie fixes ([#628](https://github.com/core-ds/core-components/issues/628)) ([983509c](https://github.com/core-ds/core-components/commit/983509cd1cfe5be64a8627fed44ec55d989eb8a2))\n\n# [2.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.4...@alfalab/core-components-calendar-input@2.5.0) (2021-04-09)\n\n### Bug Fixes\n\n- **calendar-input:** call onchange with empty value ([3fbc73a](https://github.com/core-ds/core-components/commit/3fbc73a1d32586161b6fe527f76ca27cd54abebb))\n\n### Features\n\n- **calendar-with-skeleton:** add component ([e940c88](https://github.com/core-ds/core-components/commit/e940c88703a7434e0db4ce0efc27a234455b449c))\n\n## [2.4.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.3...@alfalab/core-components-calendar-input@2.4.4) (2021-04-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.4.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.2...@alfalab/core-components-calendar-input@2.4.3) (2021-04-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.1...@alfalab/core-components-calendar-input@2.4.2) (2021-03-31)\n\n### Bug Fixes\n\n- **calendar-input:** z-index increased ([8e0df44](https://github.com/core-ds/core-components/commit/8e0df445a1be317291f2d35e2f4d4afb9d24609c))\n\n## [2.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.0...@alfalab/core-components-calendar-input@2.4.1) (2021-03-30)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [2.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.6...@alfalab/core-components-calendar-input@2.4.0) (2021-03-24)\n\n### Features\n\n- **calendar-input:** remove input width ([#576](https://github.com/core-ds/core-components/issues/576)) ([f0954b0](https://github.com/core-ds/core-components/commit/f0954b0724ead52ea0a60ab8baebd5dfa3638a01))\n\n## [2.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.5...@alfalab/core-components-calendar-input@2.3.6) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.4...@alfalab/core-components-calendar-input@2.3.5) (2021-03-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.2...@alfalab/core-components-calendar-input@2.3.4) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [2.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.0...@alfalab/core-components-calendar-input@2.3.2) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n# [2.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.9...@alfalab/core-components-calendar-input@2.3.0) (2021-03-15)\n\n### Features\n\n- **vars:** introducing border-radius vars ([1a6fb28](https://github.com/core-ds/core-components/commit/1a6fb287bcfab50048c3a9100645b4dee8cd3395))\n\n## [2.2.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.8...@alfalab/core-components-calendar-input@2.2.9) (2021-03-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.7...@alfalab/core-components-calendar-input@2.2.8) (2021-03-10)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.6...@alfalab/core-components-calendar-input@2.2.7) (2021-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.5...@alfalab/core-components-calendar-input@2.2.6) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.4...@alfalab/core-components-calendar-input@2.2.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.3...@alfalab/core-components-calendar-input@2.2.4) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.2...@alfalab/core-components-calendar-input@2.2.3) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.1...@alfalab/core-components-calendar-input@2.2.2) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.0...@alfalab/core-components-calendar-input@2.2.1) (2021-02-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n';function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/CalendarInput",component:calendar_input_modern.CalendarInput,id:"CalendarInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CalendarInput",children:react.createElement((()=>{const[value,setValue]=react.useState((0,modern.formatDate)(new Date));return(0,jsx_runtime.jsx)(calendar_input_modern.CalendarInput,{value:value,onChange:(event,{value:value})=>setValue(value),label:(0,addon_knobs_dist.text)("label","Дата регистрации"),placeholder:(0,addon_knobs_dist.text)("placeholder",""),mobileMode:(0,addon_knobs_dist.select)("mobileMode",["native","input","popover"],"popover"),preventFlip:(0,addon_knobs_dist.boolean)("preventFlip",!1),block:(0,addon_knobs_dist.boolean)("block",!1),success:(0,addon_knobs_dist.boolean)("success",!1),error:(0,addon_knobs_dist.boolean)("error",!1),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),readOnly:(0,addon_knobs_dist.boolean)("readOnly",!1)})}))}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"CalendarInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/calendar-input",children:"Поле для указания даты."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),development:(0,jsx_runtime.jsx)(development,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject})})]})}const calendarInput=()=>react.createElement((()=>{const[value,setValue]=react.useState((0,modern.formatDate)(new Date));return(0,jsx_runtime.jsx)(calendar_input_modern.CalendarInput,{value:value,onChange:(event,{value:value})=>setValue(value),label:(0,addon_knobs_dist.text)("label","Дата регистрации"),placeholder:(0,addon_knobs_dist.text)("placeholder",""),mobileMode:(0,addon_knobs_dist.select)("mobileMode",["native","input","popover"],"popover"),preventFlip:(0,addon_knobs_dist.boolean)("preventFlip",!1),block:(0,addon_knobs_dist.boolean)("block",!1),success:(0,addon_knobs_dist.boolean)("success",!1),error:(0,addon_knobs_dist.boolean)("error",!1),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),readOnly:(0,addon_knobs_dist.boolean)("readOnly",!1)})}));calendarInput.storyName="CalendarInput",calendarInput.parameters={storySource:{source:'React.createElement(() => {\n const [value, setValue] = React.useState(formatDate(new Date()));\n const handleChange = (event, {\n value\n }) => setValue(value);\n return ;\n})'}};const componentMeta={title:"Components/CalendarInput",id:"CalendarInput",component:calendar_input_modern.CalendarInput,tags:["stories-mdx"],includeStories:["calendarInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/calendar-input/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:function(){return CalendarInputDesktop}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/desktop.js"),_components_calendar_input_Component__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/calendar-input/src/components/calendar-input/Component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),CalendarInputDesktop=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_calendar_input_Component__WEBPACK_IMPORTED_MODULE_2__.q,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({Calendar:_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__.CalendarDesktop},props),{},{ref:ref}))}));try{CalendarInputDesktop.displayName="CalendarInputDesktop",CalendarInputDesktop.__docgenInfo={description:"",displayName:"CalendarInputDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля\nНачальное значение инпута",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: MouseEvent | ChangeEvent | null, payload: { ...; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода\nЗначение инпута (используется и для календаря)",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},onInputChange:{defaultValue:null,description:"Обработчик ввода в инпут",name:"onInputChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; date: Date; }) => void)"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarPosition:{defaultValue:null,description:"Определяет, как рендерить календарь — в поповере или снизу инпута",name:"calendarPosition",required:!1,type:{name:"enum",value:[{value:'"static"'},{value:'"popover"'}]}},mobileMode:{defaultValue:null,description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"popover"'},{value:'"native"'}]}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},onCalendarChange:{defaultValue:null,description:"Обработчик изменения календаря",name:"onCalendarChange",required:!1,type:{name:"((date?: number) => void)"}},onCalendarOpen:{defaultValue:null,description:"Обработчик открытия календаря",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onCalendarClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/calendar-input/src/Component.desktop.tsx#CalendarInputDesktop"]={docgenInfo:CalendarInputDesktop.__docgenInfo,name:"CalendarInputDesktop",path:"packages/calendar-input/src/Component.desktop.tsx#CalendarInputDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/calendar-input/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{A:function(){return CalendarInputMobile}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/mobile.js"),_components_calendar_input_Component__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/calendar-input/src/components/calendar-input/Component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),CalendarInputMobile=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_calendar_input_Component__WEBPACK_IMPORTED_MODULE_2__.q,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({Calendar:_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__.CalendarMobile,view:"mobile"},props),{},{ref:ref}))}));try{CalendarInputMobile.displayName="CalendarInputMobile",CalendarInputMobile.__docgenInfo={description:"",displayName:"CalendarInputMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля\nНачальное значение инпута",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: MouseEvent | ChangeEvent | null, payload: { ...; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода\nЗначение инпута (используется и для календаря)",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},onInputChange:{defaultValue:null,description:"Обработчик ввода в инпут",name:"onInputChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; date: Date; }) => void)"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarPosition:{defaultValue:null,description:"Определяет, как рендерить календарь — в поповере или снизу инпута",name:"calendarPosition",required:!1,type:{name:"enum",value:[{value:'"static"'},{value:'"popover"'}]}},mobileMode:{defaultValue:null,description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"popover"'},{value:'"native"'}]}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},onCalendarChange:{defaultValue:null,description:"Обработчик изменения календаря",name:"onCalendarChange",required:!1,type:{name:"((date?: number) => void)"}},onCalendarOpen:{defaultValue:null,description:"Обработчик открытия календаря",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onCalendarClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/calendar-input/src/Component.mobile.tsx#CalendarInputMobile"]={docgenInfo:CalendarInputMobile.__docgenInfo,name:"CalendarInputMobile",path:"packages/calendar-input/src/Component.mobile.tsx#CalendarInputMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/calendar-input/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{c:function(){return CalendarInputResponsive}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/calendar-input/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/calendar-input/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["breakpoint"],CalendarInputResponsive=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded),_useMedia=(0,_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__.GS)([["mobile","(max-width: ".concat(breakpoint-1,"px)")],["desktop","(min-width: ".concat(breakpoint,"px)")]],"desktop");return"desktop"===(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMedia,1)[0]?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_desktop__WEBPACK_IMPORTED_MODULE_1__.o,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref})):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_mobile__WEBPACK_IMPORTED_MODULE_2__.A,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref}))}));try{CalendarInputResponsive.displayName="CalendarInputResponsive",CalendarInputResponsive.__docgenInfo={description:"",displayName:"CalendarInputResponsive",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля\nНачальное значение инпута",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: MouseEvent | ChangeEvent | null, payload: { ...; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода\nЗначение инпута (используется и для календаря)",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},onInputChange:{defaultValue:null,description:"Обработчик ввода в инпут",name:"onInputChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; date: Date; }) => void)"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarPosition:{defaultValue:null,description:"Определяет, как рендерить календарь — в поповере или снизу инпута",name:"calendarPosition",required:!1,type:{name:"enum",value:[{value:'"static"'},{value:'"popover"'}]}},mobileMode:{defaultValue:null,description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"popover"'},{value:'"native"'}]}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},onCalendarChange:{defaultValue:null,description:"Обработчик изменения календаря",name:"onCalendarChange",required:!1,type:{name:"((date?: number) => void)"}},onCalendarOpen:{defaultValue:null,description:"Обработчик открытия календаря",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onCalendarClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/calendar-input/src/Component.responsive.tsx#CalendarInputResponsive"]={docgenInfo:CalendarInputResponsive.__docgenInfo,name:"CalendarInputResponsive",path:"packages/calendar-input/src/Component.responsive.tsx#CalendarInputResponsive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/calendar-input/src/components/calendar-input/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{q:function(){return CalendarInput}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),react_merge_refs_esm=__webpack_require__("./node_modules/react-merge-refs/dist/react-merge-refs.esm.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),shared=__webpack_require__("./dist/calendar/modern/shared.js"),modern=__webpack_require__("./dist/date-input/modern/index.js"),popover_modern=__webpack_require__("./dist/popover/modern/index.js"),CalendarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CalendarMIcon.js"),SUPPORTS_INPUT_TYPE_DATE="undefined"!=typeof window&&function isInputDateSupported(){var input=document.createElement("input");return input.setAttribute("type","date"),input.setAttribute("value","a"),"a"!==input.value}();var index_module_component="component_sdfKf",index_module_block="block_xTK2O",index_module_calendarContainer="calendarContainer_Y1sM0",index_module_calendarResponsive="calendarResponsive_EJmFv",index_module_calendarIcon="calendarIcon_INpWt",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["block","className","inputClassName","popoverClassName","defaultOpen","defaultMonth","defaultValue","calendarPosition","value","dataTestId","calendarProps","minDate","maxDate","offDays","events","preventFlip","mobileMode","wrapperRef","disabled","onChange","onInputChange","onCalendarChange","onCalendarOpen","onCalendarClose","onKeyDown","readOnly","disableUserInput","Calendar","popoverPosition","zIndexPopover","useAnchorWidth","rightAddons","error","view"],CalendarInput=(0,react.forwardRef)((function(_ref,ref){var _calendarProps$respon,_ref$block=_ref.block,block=void 0!==_ref$block&&_ref$block,className=_ref.className,inputClassName=_ref.inputClassName,popoverClassName=_ref.popoverClassName,_ref$defaultOpen=_ref.defaultOpen,defaultOpen=void 0!==_ref$defaultOpen&&_ref$defaultOpen,defaultMonth=_ref.defaultMonth,_ref$defaultValue=_ref.defaultValue,defaultValue=void 0===_ref$defaultValue?"":_ref$defaultValue,_ref$calendarPosition=_ref.calendarPosition,calendarPosition=void 0===_ref$calendarPosition?"popover":_ref$calendarPosition,value=_ref.value,dataTestId=_ref.dataTestId,_ref$calendarProps=_ref.calendarProps,calendarProps=void 0===_ref$calendarProps?{}:_ref$calendarProps,_ref$minDate=_ref.minDate,minDate=void 0===_ref$minDate?calendarProps.minDate:_ref$minDate,_ref$maxDate=_ref.maxDate,maxDate=void 0===_ref$maxDate?calendarProps.maxDate:_ref$maxDate,_ref$offDays=_ref.offDays,offDays=void 0===_ref$offDays?calendarProps.offDays||[]:_ref$offDays,_ref$events=_ref.events,events=void 0===_ref$events?calendarProps.events||[]:_ref$events,preventFlip=_ref.preventFlip,_ref$mobileMode=_ref.mobileMode,mobileMode=void 0===_ref$mobileMode?"popover":_ref$mobileMode,_ref$wrapperRef=_ref.wrapperRef,wrapperRef=void 0===_ref$wrapperRef?null:_ref$wrapperRef,disabled=_ref.disabled,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?function(){return null}:_ref$onChange,onInputChange=_ref.onInputChange,onCalendarChange=_ref.onCalendarChange,onCalendarOpen=_ref.onCalendarOpen,onCalendarClose=_ref.onCalendarClose,onKeyDown=_ref.onKeyDown,readOnly=_ref.readOnly,_ref$disableUserInput=_ref.disableUserInput,disableUserInput=void 0!==_ref$disableUserInput&&_ref$disableUserInput,Calendar=_ref.Calendar,_ref$popoverPosition=_ref.popoverPosition,popoverPosition=void 0===_ref$popoverPosition?"bottom-start":_ref$popoverPosition,zIndexPopover=_ref.zIndexPopover,useAnchorWidth=_ref.useAnchorWidth,rightAddons=_ref.rightAddons,error=_ref.error,_ref$view=_ref.view,view=void 0===_ref$view?"desktop":_ref$view,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),calendarResponsive=null===(_calendarProps$respon=null==calendarProps?void 0:calendarProps.responsive)||void 0===_calendarProps$respon||_calendarProps$respon,shouldRenderOnlyInput="input"===mobileMode,shouldRenderStatic="static"===calendarPosition&&!shouldRenderOnlyInput,shouldRenderPopover="popover"===calendarPosition&&!(SUPPORTS_INPUT_TYPE_DATE&&"native"===mobileMode)&&!shouldRenderOnlyInput,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1],_useState3=(0,react.useState)(value||defaultValue),_useState4=(0,slicedToArray.Z)(_useState3,2),inputValue=_useState4[0],setInputValue=_useState4[1],calendarValue=inputValue?(0,modern.parseDateString)(inputValue).getTime():void 0,checkInputValueIsValid=function checkInputValueIsValid(newInputValue){if(!newInputValue)return!1;var dateValue=(0,modern.parseDateString)(newInputValue).getTime();return!(!(dateValue&&(0,modern.isCompleteDateInput)(newInputValue)&&(0,shared.dateInLimits)(dateValue,minDate,maxDate))||offDays.includes(dateValue))},inputDisabled=disabled||readOnly,inputRef=(0,react.useRef)(null),inputWrapperRef=(0,react.useRef)(null),calendarRef=(0,react.useRef)(null),openCalendar=function openCalendar(){setOpen(!0),null==onCalendarOpen||onCalendarOpen()},closeCalendar=function closeCalendar(){setOpen(!1),null==onCalendarClose||onCalendarClose()},changeHandler=function changeHandler(event,newValue,newDate){var initiator=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"input",shouldChange=!(arguments.length>4&&void 0!==arguments[4])||arguments[4];"input"===initiator&&event&&onInputChange&&onInputChange(event,{value:newValue,date:newDate}),"calendar"===initiator&&onCalendarChange&&onCalendarChange(newDate.getTime()),setInputValue(newValue),shouldChange&&onChange(event,{date:newDate,value:newValue})},handleCalendarChange=function handleCalendarChange(date){date&&changeHandler(null,(0,modern.formatDate)(date),new Date(date),"calendar"),"desktop"===view&&closeCalendar()},handleCalendarWrapperMouseDown=function handleCalendarWrapperMouseDown(event){event.preventDefault()};(0,react.useEffect)((function(){setOpen(defaultOpen)}),[defaultOpen]),(0,react.useEffect)((function(){void 0!==value&&setInputValue(value)}),[value]);var renderCalendar=function renderCalendar(){return(0,jsx_runtime.jsx)("div",{onMouseDown:handleCalendarWrapperMouseDown,children:Calendar?(0,jsx_runtime.jsx)(Calendar,(0,objectSpread2.Z)((0,objectSpread2.Z)({},calendarProps),{},{responsive:calendarResponsive,open:open,onClose:closeCalendar,ref:calendarRef,defaultMonth:defaultMonth,value:checkInputValueIsValid(inputValue)?calendarValue:void 0,onChange:handleCalendarChange,minDate:minDate,maxDate:maxDate,offDays:offDays,events:events})):null})};return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(index_module_component,className,(0,defineProperty.Z)({},index_module_block,block)),tabIndex:-1,onKeyDown:inputDisabled?void 0:function handleKeyDown(event){"INPUT"===event.target.tagName&&"Enter"===event.key&&(open?closeCalendar():openCalendar()),"Escape"===event.key&&closeCalendar()},onClick:inputDisabled?void 0:function handleClick(){open||openCalendar(),"desktop"===view&&inputRef.current&&inputRef.current.focus()},onFocus:inputDisabled?void 0:function handleFocus(event){"desktop"===view&&(openCalendar(),!open&&"INPUT"!==event.target.tagName&&calendarRef.current&&calendarRef.current.focus())},onBlur:function handleBlur(event){if("desktop"===view){var target=event.relatedTarget||document.activeElement;calendarRef.current&&!1===calendarRef.current.contains(target)&&closeCalendar()}},"data-test-id":dataTestId,children:[(0,jsx_runtime.jsx)(modern.DateInput,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:(0,react_merge_refs_esm.Z)([inputRef,ref]),wrapperRef:(0,react_merge_refs_esm.Z)([wrapperRef,inputWrapperRef]),value:inputValue,defaultValue:defaultValue,disabled:disabled,inputClassName:inputClassName,readOnly:readOnly,mobileMode:"native"===mobileMode?"native":"input",error:error,disableUserInput:disableUserInput,rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons,shouldRenderPopover&&(0,jsx_runtime.jsx)(CalendarMIcon.CalendarMIcon,{className:index_module_calendarIcon})]}),onKeyDown:function handleInputKeyDown(event){["ArrowDown","ArrowUp"].includes(event.key)&&calendarRef.current&&(event.preventDefault(),calendarRef.current.focus()),onKeyDown&&onKeyDown(event)},onChange:function handleInputChange(event,payload){changeHandler(event,payload.value,payload.date,"input",!payload.value||checkInputValueIsValid(payload.value))},block:!0})),shouldRenderStatic&&renderCalendar(),shouldRenderPopover&&(0,jsx_runtime.jsx)(popover_modern.Popover,{open:open,useAnchorWidth:useAnchorWidth,anchorElement:inputWrapperRef.current,popperClassName:classnames_default()(index_module_calendarContainer,(0,defineProperty.Z)({},index_module_calendarResponsive,calendarResponsive)),className:popoverClassName,position:popoverPosition,offset:[0,4],withTransition:!1,preventFlip:preventFlip,zIndex:zIndexPopover,children:renderCalendar()})]})}));try{CalendarInput.displayName="CalendarInput",CalendarInput.__docgenInfo={description:"",displayName:"CalendarInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:{value:"false"},description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:{value:""},description:"Начальное значение поля\nНачальное значение инпута",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода\nЗначение инпута (используется и для календаря)",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:{value:"null"},description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:{value:"false"},description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},calendarProps:{defaultValue:{value:"{}"},description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},defaultOpen:{defaultValue:{value:"false"},description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:{value:"calendarProps.minDate"},description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:{value:"calendarProps.maxDate"},description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:{value:"calendarProps.events || []"},description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:{value:"calendarProps.offDays || []"},description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarPosition:{defaultValue:{value:"popover"},description:"Определяет, как рендерить календарь — в поповере или снизу инпута",name:"calendarPosition",required:!1,type:{name:"enum",value:[{value:'"static"'},{value:'"popover"'}]}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},mobileMode:{defaultValue:{value:"popover"},description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"popover"'},{value:'"native"'}]}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},onChange:{defaultValue:{value:"() => null"},description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: MouseEvent | ChangeEvent | null, payload: { ...; }) => void)"}},onInputChange:{defaultValue:null,description:"Обработчик ввода в инпут",name:"onInputChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; date: Date; }) => void)"}},onCalendarChange:{defaultValue:null,description:"Обработчик изменения календаря",name:"onCalendarChange",required:!1,type:{name:"((date?: number) => void)"}},onCalendarOpen:{defaultValue:null,description:"Обработчик открытия календаря",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onCalendarClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}},popoverPosition:{defaultValue:{value:"bottom-start"},description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},view:{defaultValue:{value:"desktop"},description:"Отображение компонента в мобильном или десктопном виде",name:"view",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"mobile"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/calendar-input/src/components/calendar-input/Component.tsx#CalendarInput"]={docgenInfo:CalendarInput.__docgenInfo,name:"CalendarInput",path:"packages/calendar-input/src/components/calendar-input/Component.tsx#CalendarInput"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/calendar-input-src-docs-Component-stories-mdx.d611919a.iframe.bundle.js b/master/calendar-input-src-docs-Component-stories-mdx.d611919a.iframe.bundle.js new file mode 100644 index 0000000000..95efc673c1 --- /dev/null +++ b/master/calendar-input-src-docs-Component-stories-mdx.d611919a.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[46],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/calendar-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{calendarInput:function(){return calendarInput},default:function(){return Component_stories}});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),modern=__webpack_require__("./dist/date-input/modern/index.js"),calendar_input_modern=__webpack_require__("./dist/calendar-input/modern/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),package_namespaceObject={i8:"9.0.8"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"пример",children:"Пример"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Пикер используется, когда выбор дат ограничен. Например, если нельзя указывать выходные дни.\nПри наличии пикера допустимо блокировать ввод с клавиатуры чтобы исключить ввод недоступных значений."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,mobileHeight:640,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const [disableUserInput, setDisableUserInput] = React.useState(false);\n const defaultMonth = new Date('December 1, 2022 00:00:00');\n\n const events = [new Date().setDate(13), new Date().setDate(19)];\n\n const offDays = [new Date().setDate(8), new Date().setDate(9)];\n\n const holidays = [\n new Date().setDate(3),\n new Date().setDate(4),\n new Date().setDate(10),\n new Date().setDate(11),\n new Date().setDate(17),\n new Date().setDate(18),\n new Date().setDate(24),\n new Date().setDate(25),\n new Date().setDate(31),\n ];\n\n return (\n \n \n setDisableUserInput(!disableUserInput)}\n />\n \n );\n});\n//MOBILE\nrender(() => {\n const [disableUserInput, setDisableUserInput] = React.useState(false);\n const defaultMonth = new Date('December 1, 2022 00:00:00');\n\n const events = [new Date().setDate(13), new Date().setDate(19)];\n\n const offDays = [new Date().setDate(8), new Date().setDate(9)];\n\n const holidays = [\n new Date().setDate(3),\n new Date().setDate(4),\n new Date().setDate(10),\n new Date().setDate(11),\n new Date().setDate(17),\n new Date().setDate(18),\n new Date().setDate(24),\n new Date().setDate(25),\n new Date().setDate(31),\n ];\n\n return (\n <>\n \n\n \n\n setDisableUserInput(!disableUserInput)}\n />\n \n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"календарь",children:"Календарь"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Настройки календаря можно посмотреть на страничке компонента ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"}),"."]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Поле ввода является оберткой над ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/formcontrol--docs",children:"FormControl"}),",\nпоэтому наследует все доступные для него настройки. Пикер это\n",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"})," переданный в ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/popover--docs",children:"Popover"}),"."]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_responsive=__webpack_require__("./packages/calendar-input/src/Component.responsive.tsx"),index_module="@import '../../../../themes/src/default.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-input-icon-color: var(--color-light-graphic-primary);\n --calendar-input-popover-border-radius: var(--border-radius-m);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.block {\n width: 100%;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-input-popover-border-radius);\n border: 1px solid var(--color-light-border-secondary);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.calendarIcon {\n width: 24px;\n height: 24px;\n display: block;\n color: var(--calendar-input-icon-color);\n\n &:not(:only-child) {\n margin-right: var(--gap-2xs);\n }\n}\n\n.nativeInput {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n appearance: none;\n z-index: 1;\n\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n &::-webkit-inner-spin-button {\n display: none;\n }\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code",p:"p"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { CalendarInput } from '@alfalab/core-components/calendar-input';\nimport { CalendarInputDesktop } from '@alfalab/core-components/calendar-input/desktop';\nimport { CalendarInputMobile } from '@alfalab/core-components/calendar-input/mobile';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Из индекса импортируется responsive версия компонента."}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{of:Component_responsive.c}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)},CHANGELOGraw_namespaceObject='# Change Log\n\n## 9.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.6\n\n## 9.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.5\n - date-input@4.3.5\n\n## 9.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.4\n\n## 9.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.3\n - calendar@7.0.4\n\n## 9.0.4\n\n### Patch Changes\n\n### [#815](https://github.com/core-ds/core-components/pull/815)\n\n- Исправлена проблема, из-за которой при включенной пропсе disableUserInput невозможно было переставить фокус клавишей Tab\n\n## 9.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.3\n\n## 9.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.2\n - calendar@7.0.2\n\n## 9.0.1\n\n### Patch Changes\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n- Добавлены недостающие зависимости в package.json\n\n- Обновлены зависимости\n - calendar@7.0.1\n - date-input@4.3.1\n\n## 9.0.0\n\n### Major Changes\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n- Утилиты и константы экспортируются из shared\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n- Удалена responsive точка входа. (В проектах нужно заменить импорт @alfalab/core-components-calendar/responsive на @alfalab/core-components-calendar)\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.0\n - date-input@4.3.0\n - popover@6.1.0\n\n## 8.3.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.2\n\n## 8.3.0\n\n### Minor Changes\n\n### [#756](https://github.com/core-ds/core-components/pull/756)\n\n- Добавлены два коллбэка - onCalendarOpen и onCalendarClose\n\n### [#768](https://github.com/core-ds/core-components/pull/768)\n\n- В компоненты CalendarInput, DateRangeInput, DateTimeInput добавлен проп disableUserInput отвечающий за запрет ввода с клавиатуры\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - calendar@6.6.1\n - date-input@4.2.10\n - popover@6.0.9\n\n## 8.2.29\n\n### Patch Changes\n\n### [#752](https://github.com/core-ds/core-components/pull/752)\n\n- Свойство inputClassName передано компоненту инпута\n\n- Обновлены зависимости\n - calendar@6.6.0\n\n## 8.2.28\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.2\n - date-input@4.2.9\n\n## 8.2.27\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.1\n\n## 8.2.26\n\n### Patch Changes\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n### [#676](https://github.com/core-ds/core-components/pull/676)\n\n- Обновлена зависимость @alfalab/hooks\n\n- Обновлены зависимости\n - calendar@6.5.0\n - date-input@4.2.8\n\n## 8.2.25\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.4.0\n - date-input@4.2.7\n\n## 8.2.24\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.3\n - date-input@4.2.6\n\n## 8.2.23\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.2\n - date-input@4.2.5\n\n## 8.2.22\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.1\n - date-input@4.2.4\n\n## 8.2.21\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.0\n - date-input@4.2.3\n\n## 8.2.20\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.18\n - date-input@4.2.2\n\n## 8.2.19\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.17\n\n## 8.2.18\n\n### Patch Changes\n\n### [#612](https://github.com/core-ds/core-components/pull/612)\n\n- Исправлены отступы\n\n- Обновлены зависимости\n - calendar@6.2.16\n\n## 8.2.17\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - calendar@6.2.15\n - date-input@4.2.1\n - popover@6.0.8\n\n## 8.2.16\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.2.0\n\n## 8.2.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.14\n\n## 8.2.14\n\n### Patch Changes\n\n### [#557](https://github.com/core-ds/core-components/pull/557)\n\n- Добавлены бордеры у выпадающих меню\n\n## 8.2.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.13\n\n## 8.2.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.12\n\n## 8.2.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.11\n - date-input@4.1.8\n\n## 8.2.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.10\n\n## 8.2.9\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n### [#522](https://github.com/core-ds/core-components/pull/522)\n\n- Исправлена TS ошибка "ref does not exist on type"\n\n- Обновлены зависимости\n - calendar@6.2.9\n - date-input@4.1.7\n - popover@6.0.7\n\n## 8.2.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.8\n - date-input@4.1.6\n\n## 8.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.7\n - date-input@4.1.5\n\n## 8.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.6\n - calendar@6.2.6\n\n## 8.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.5\n\n## 8.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.4\n - date-input@4.1.4\n\n## 8.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.3\n\n## 8.2.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.2\n - date-input@4.1.3\n\n## 8.2.1\n\n### Patch Changes\n\n### [#422](https://github.com/core-ds/core-components/pull/422)\n\n- "export" типов заменен на "export type"\n\n- Обновлены зависимости\n - calendar@6.2.1\n - date-input@4.1.2\n\n## 8.2.0\n\n### Minor Changes\n\n### [#334](https://github.com/core-ds/core-components/pull/334)\n\n- В компонентах DateRangeInput, DateTimeInput и CalendarInput добавлены mobile и desktop версии компонентов. Название компонентов было изменено по схеме Component → ComponentDesktop\n- В компонентах Calendar и InputAutocomplete добавлена responsive версия компонентов. Название компонентов было изменено по схеме Component → ComponentResponsive
\n- В компонентах PickerButton и Tooltip добавлен новый пропс breakpoint. Название компонентов было изменено по схеме Component -→ ComponentResponsive для PickerButton и Component → ComponentDesktop для Tooltip
\n- В компонентах Confirmation и SidePanel добавлен новый пропс breakpoint
\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - calendar@6.2.0\n - date-input@4.1.1\n - popover@6.0.5\n\n## 8.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.15\n\n## 8.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.14\n\n## 8.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.4\n - calendar@6.1.13\n\n## 8.1.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с \'alfabank.servicecdn.ru\' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.1.0\n - calendar@6.1.12\n\n## 8.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.3\n - calendar@6.1.11\n - date-input@4.0.2\n\n## 8.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type=\'number\'\n\n- Обновлены зависимости\n - date-input@4.0.1\n - calendar@6.1.10\n\n## 8.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.0.0\n - calendar@6.1.9\n\n## 7.1.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.8\n - popover@6.0.2\n - date-input@3.1.6\n\n## 7.1.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.7\n\n## 7.1.7\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n- Updated dependencies [[#282](https://github.com/core-ds/core-components/pull/282)]\n - @alfalab/core-components-calendar@6.1.6\n - @alfalab/core-components-date-input@3.1.5\n\n## 7.1.6\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-calendar@6.1.5\n - @alfalab/core-components-date-input@3.1.4\n\n## 7.1.5\n\n### Patch Changes\n\n- [#277](https://github.com/core-ds/core-components/pull/277): Внешняя ошибка больше не влияет на вызов onChange. Thanks [@reme3d2y](https://github.com/reme3d2y)\n\n## 7.1.4\n\n### Patch Changes\n\n- Updated dependencies [[#175](https://github.com/core-ds/core-components/pull/175)]\n - @alfalab/core-components-calendar@6.1.4\n\n## 7.1.3\n\n### Patch Changes\n\n- Updated dependencies [[#189](https://github.com/core-ds/core-components/pull/189)]\n - @alfalab/core-components-calendar@6.1.3\n - @alfalab/core-components-date-input@3.1.3\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [7.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.1.1...@alfalab/core-components-calendar-input@7.1.2) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [7.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.1.0...@alfalab/core-components-calendar-input@7.1.1) (2022-09-12)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [7.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.0.3...@alfalab/core-components-calendar-input@7.1.0) (2022-09-02)\n\n### Features\n\n- testing-library versions update ([#216](https://github.com/core-ds/core-components/issues/216)) ([33b6225](https://github.com/core-ds/core-components/commit/33b62259a1332f535f367502590ea37e7ad051d4))\n\n## [7.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.0.2...@alfalab/core-components-calendar-input@7.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [7.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.0.1...@alfalab/core-components-calendar-input@7.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [7.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@7.0.0...@alfalab/core-components-calendar-input@7.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [7.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.6.3...@alfalab/core-components-calendar-input@7.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [6.6.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.6.2...@alfalab/core-components-calendar-input@6.6.3) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [6.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.6.1...@alfalab/core-components-calendar-input@6.6.2) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.6.0...@alfalab/core-components-calendar-input@6.6.1) (2022-08-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [6.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.9...@alfalab/core-components-calendar-input@6.6.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [6.5.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.8...@alfalab/core-components-calendar-input@6.5.9) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.7...@alfalab/core-components-calendar-input@6.5.8) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.6...@alfalab/core-components-calendar-input@6.5.7) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.5...@alfalab/core-components-calendar-input@6.5.6) (2022-07-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.4...@alfalab/core-components-calendar-input@6.5.5) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [6.5.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.3...@alfalab/core-components-calendar-input@6.5.4) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.2...@alfalab/core-components-calendar-input@6.5.3) (2022-07-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.1...@alfalab/core-components-calendar-input@6.5.2) (2022-07-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.5.0...@alfalab/core-components-calendar-input@6.5.1) (2022-06-30)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [6.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.4.0...@alfalab/core-components-calendar-input@6.5.0) (2022-06-29)\n\n### Features\n\n- **calendar:** implement calendar mobile ([#54](https://github.com/core-ds/core-components/issues/54)) ([730f51d](https://github.com/core-ds/core-components/commit/730f51d35823273f122fe84a0369f95745fd2878))\n\n# [6.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.3.3...@alfalab/core-components-calendar-input@6.4.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n- fixed form-control/input/select label and hint margins ([#97](https://github.com/core-ds/core-components/issues/97)) ([abd2f15](https://github.com/core-ds/core-components/commit/abd2f15f210bb63bafe0cee341f0a66b5f2071d7))\n\n## [6.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.3.2...@alfalab/core-components-calendar-input@6.3.3) (2022-06-24)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.3.1...@alfalab/core-components-calendar-input@6.3.2) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.3.0...@alfalab/core-components-calendar-input@6.3.1) (2022-06-20)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [6.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.2.2...@alfalab/core-components-calendar-input@6.3.0) (2022-06-03)\n\n### Features\n\n- **date-input:** removed date validation ([#69](https://github.com/core-ds/core-components/issues/69)) ([ca56ec9](https://github.com/core-ds/core-components/commit/ca56ec97db0d966233bd4312fdddabd59ed427ae))\n\n## [6.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.1.1...@alfalab/core-components-calendar-input@6.1.2) (2022-03-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [6.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.1.0...@alfalab/core-components-calendar-input@6.1.1) (2022-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@6.0.0...@alfalab/core-components-calendar-input@6.1.0) (2022-03-01)\n\n### Bug Fixes\n\n- changed dropdown component\'s box shadow styles ([#1010](https://github.com/core-ds/core-components/issues/1010)) ([2f997f5](https://github.com/core-ds/core-components/commit/2f997f5722c89b38a8064924b73c0a8046025aea))\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.3.0...@alfalab/core-components-calendar-input@6.0.0) (2022-02-17)\n\n- refactor/calendar-range (#984) ([714f615](https://github.com/core-ds/core-components/commit/714f61590586bafe1060e652943e95c133ed002a)), closes [#984](https://github.com/core-ds/core-components/issues/984)\n\n### BREAKING CHANGES\n\n- Большое обновление CalendarRange\n\n- feat(date-input): add some improvements\n\n- feat(date-input): some updates\n\n- feat(date-input): validation\n\n- feat(calendar): change period selection logic\n\n- fix(calendar): range styles\n\n- fix(calendar): fix styles, add rangeComplete flag\n\n- refactor(calendar-range): temporary\n\n- fix(calendar-range): fix hook\n\n- fix(calendar-range): fix period\n\n- fix(calendar-range): fix tests, fix max date\n\n- fix: update exports\n\n- feat(calendar): allow empty values for PeriodSlider, update today\n\n- fix(calendar-range): hide error icon\n\n- chore(calendar-range): demo\n\n- feat(calendar): use IconButton\n\n- feat(calendar-range): add onChange, update demo\n\n- fix(calendar-range): update width\n\n- test(calendar-range): update snapshot\n\n- fix: import date-fns separately\n\n- fix(calendar-range): fix rest props\n\nCo-authored-by: dmitrsavk \n\n# [5.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.7...@alfalab/core-components-calendar-input@5.3.0) (2022-02-17)\n\n### Bug Fixes\n\n- imports for glyph icons ([#994](https://github.com/core-ds/core-components/issues/994)) ([8e807f2](https://github.com/core-ds/core-components/commit/8e807f26abf0f942fe8eadbd201caecb297b35dc))\n\n### Features\n\n- **calendar:** design & logic updates ([#991](https://github.com/core-ds/core-components/issues/991)) ([358142c](https://github.com/core-ds/core-components/commit/358142c6d259e1463954139cc648787cdf461f76)), closes [#993](https://github.com/core-ds/core-components/issues/993) [#990](https://github.com/core-ds/core-components/issues/990)\n- **date-input:** add some improvements ([#971](https://github.com/core-ds/core-components/issues/971)) ([47756ca](https://github.com/core-ds/core-components/commit/47756ca1d4eea89f78ed7234e95c02e51dd72e49))\n\n## [5.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.6...@alfalab/core-components-calendar-input@5.2.7) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.5...@alfalab/core-components-calendar-input@5.2.6) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.4...@alfalab/core-components-calendar-input@5.2.5) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.3...@alfalab/core-components-calendar-input@5.2.4) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.2...@alfalab/core-components-calendar-input@5.2.3) (2022-01-27)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.1...@alfalab/core-components-calendar-input@5.2.2) (2022-01-17)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.2.0...@alfalab/core-components-calendar-input@5.2.1) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [5.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.1.3...@alfalab/core-components-calendar-input@5.2.0) (2021-12-21)\n\n### Features\n\n- **calendar-input:** add popover z-index ([#924](https://github.com/core-ds/core-components/issues/924)) ([378286d](https://github.com/core-ds/core-components/commit/378286d746ca33aeb755617270f66310712d1c61))\n\n## [5.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.1.2...@alfalab/core-components-calendar-input@5.1.3) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.1.1...@alfalab/core-components-calendar-input@5.1.2) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.1.0...@alfalab/core-components-calendar-input@5.1.1) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.0.3...@alfalab/core-components-calendar-input@5.1.0) (2021-12-08)\n\n### Bug Fixes\n\n- **calendar-input:** рендер rightAddons, фикс затертых пропсов ([#895](https://github.com/core-ds/core-components/issues/895)) ([1eabd29](https://github.com/core-ds/core-components/commit/1eabd2902cd1bd62517284313f79cf31189cf525))\n\n### Features\n\n- **calendar:** мобильные стили ([#867](https://github.com/core-ds/core-components/issues/867)) ([febf545](https://github.com/core-ds/core-components/commit/febf54551f8179a1ba03fe65ed47aa3b20b01472))\n\n## [5.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.0.2...@alfalab/core-components-calendar-input@5.0.3) (2021-12-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.0.1...@alfalab/core-components-calendar-input@5.0.2) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [5.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@5.0.0...@alfalab/core-components-calendar-input@5.0.1) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.2.2...@alfalab/core-components-calendar-input@5.0.0) (2021-10-15)\n\n### Features\n\n- **calendar-input:** переход к темизации цвета иконки ([adf1dfd](https://github.com/core-ds/core-components/commit/adf1dfd080c1986976a57fee448183e762892eb0))\n\n### BREAKING CHANGES\n\n- **calendar-input:** удалена переменная --calendar-input-calendar-icon\n\n## [4.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.2.1...@alfalab/core-components-calendar-input@4.2.2) (2021-10-15)\n\n### Bug Fixes\n\n- **calendar-input:** remove popover border in click theme ([7a76759](https://github.com/core-ds/core-components/commit/7a76759ccc5741a03a4c90f97cce6f67255b1c4b))\n- **calendar-input:** update border-radius ([0d06aca](https://github.com/core-ds/core-components/commit/0d06aca7162c85f987c1172ea037b5b3bc66f8c5))\n\n## [4.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.2.0...@alfalab/core-components-calendar-input@4.2.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [4.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.8...@alfalab/core-components-calendar-input@4.2.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [4.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.7...@alfalab/core-components-calendar-input@4.1.8) (2021-09-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.6...@alfalab/core-components-calendar-input@4.1.7) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.5...@alfalab/core-components-calendar-input@4.1.6) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.4...@alfalab/core-components-calendar-input@4.1.5) (2021-08-23)\n\n### Bug Fixes\n\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [4.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.3...@alfalab/core-components-calendar-input@4.1.4) (2021-08-13)\n\n### Bug Fixes\n\n- **calendar-input:** extends calendarProps type ([8bf4f58](https://github.com/core-ds/core-components/commit/8bf4f587c1a36471318f7cc02968d1de2a125e11))\n\n## [4.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.2...@alfalab/core-components-calendar-input@4.1.3) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.1...@alfalab/core-components-calendar-input@4.1.2) (2021-08-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.1.0...@alfalab/core-components-calendar-input@4.1.1) (2021-08-03)\n\n### Bug Fixes\n\n- move icon from date input to calendar input ([#768](https://github.com/core-ds/core-components/issues/768)) ([040bd42](https://github.com/core-ds/core-components/commit/040bd423279eb535f1ea924599ee16c296453e3f))\n\n# [4.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.0.2...@alfalab/core-components-calendar-input@4.1.0) (2021-07-23)\n\n### Bug Fixes\n\n- select & calendar-input use glyph icons ([#742](https://github.com/core-ds/core-components/issues/742)) ([6b04ae4](https://github.com/core-ds/core-components/commit/6b04ae49fc4f3805ef362dcb68939b72fc99814b))\n\n### Features\n\n- **calendar-input:** uses date-input ([#752](https://github.com/core-ds/core-components/issues/752)) ([509dba2](https://github.com/core-ds/core-components/commit/509dba26913ccf6df859a200aa476eeef1df2ddc))\n\n## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.0.1...@alfalab/core-components-calendar-input@4.0.2) (2021-07-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@4.0.0...@alfalab/core-components-calendar-input@4.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.1.0...@alfalab/core-components-calendar-input@4.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n# [3.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.8...@alfalab/core-components-calendar-input@3.1.0) (2021-06-30)\n\n### Features\n\n- **calendar-range:** pass props to render calendar in popper ([#702](https://github.com/core-ds/core-components/issues/702)) ([4369e46](https://github.com/core-ds/core-components/commit/4369e462116dc1d240f95f811be67639b10dedb6))\n\n## [3.0.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.7...@alfalab/core-components-calendar-input@3.0.8) (2021-06-22)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.6...@alfalab/core-components-calendar-input@3.0.7) (2021-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.5...@alfalab/core-components-calendar-input@3.0.6) (2021-05-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.4...@alfalab/core-components-calendar-input@3.0.5) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.3...@alfalab/core-components-calendar-input@3.0.4) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.2...@alfalab/core-components-calendar-input@3.0.3) (2021-05-18)\n\n### Bug Fixes\n\n- **calendar-input:** allow to pass all props via calendarProps ([#653](https://github.com/core-ds/core-components/issues/653)) ([82c4675](https://github.com/core-ds/core-components/commit/82c4675e2f64b282f9d9772825874a6e1854704b))\n\n## [3.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.1...@alfalab/core-components-calendar-input@3.0.2) (2021-05-07)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@3.0.0...@alfalab/core-components-calendar-input@3.0.1) (2021-05-06)\n\n### Bug Fixes\n\n- update popover versions ([#646](https://github.com/core-ds/core-components/issues/646)) ([199cf80](https://github.com/core-ds/core-components/commit/199cf80cd60e6edf0ac5d41c7eb258ab05d3b534))\n\n# [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.6.0...@alfalab/core-components-calendar-input@3.0.0) (2021-04-26)\n\n### Features\n\n- **stack:** add new component ([#612](https://github.com/core-ds/core-components/issues/612)) ([c520f91](https://github.com/core-ds/core-components/commit/c520f91cd22bb9e23fd2f428719865b4c7d5a2a6))\n\n### BREAKING CHANGES\n\n- **stack:** remove z-index, add stack component\n\n- feat(modal): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(notification-manager): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(notification): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(popover): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(select): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(toast): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(tooltip): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- feat(stack): fix comment\n\n- Revert "feat(modal): remove z-index, add stack component"\n\nThis reverts commit fcae901c6ec58311701cd491296a7b04016a9a65.\n\n- feat(base-modal): remove z-index, add stack component\n\nremove z-index, add stack component\n\n- **stack:** remove z-index, add stack component\n\n- test(file-upload-item): update snapshot\n\n# [2.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.5.1...@alfalab/core-components-calendar-input@2.6.0) (2021-04-26)\n\n### Features\n\n- **calendar-input:** toggle calendar on enter ([#618](https://github.com/core-ds/core-components/issues/618)) ([110e836](https://github.com/core-ds/core-components/commit/110e8369dffa9576ec07a517076a11d6ba2e80fa))\n\n## [2.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.5.0...@alfalab/core-components-calendar-input@2.5.1) (2021-04-26)\n\n### Bug Fixes\n\n- **calendar:** ie fixes ([#628](https://github.com/core-ds/core-components/issues/628)) ([983509c](https://github.com/core-ds/core-components/commit/983509cd1cfe5be64a8627fed44ec55d989eb8a2))\n\n# [2.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.4...@alfalab/core-components-calendar-input@2.5.0) (2021-04-09)\n\n### Bug Fixes\n\n- **calendar-input:** call onchange with empty value ([3fbc73a](https://github.com/core-ds/core-components/commit/3fbc73a1d32586161b6fe527f76ca27cd54abebb))\n\n### Features\n\n- **calendar-with-skeleton:** add component ([e940c88](https://github.com/core-ds/core-components/commit/e940c88703a7434e0db4ce0efc27a234455b449c))\n\n## [2.4.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.3...@alfalab/core-components-calendar-input@2.4.4) (2021-04-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.4.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.2...@alfalab/core-components-calendar-input@2.4.3) (2021-04-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.1...@alfalab/core-components-calendar-input@2.4.2) (2021-03-31)\n\n### Bug Fixes\n\n- **calendar-input:** z-index increased ([8e0df44](https://github.com/core-ds/core-components/commit/8e0df445a1be317291f2d35e2f4d4afb9d24609c))\n\n## [2.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.4.0...@alfalab/core-components-calendar-input@2.4.1) (2021-03-30)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n# [2.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.6...@alfalab/core-components-calendar-input@2.4.0) (2021-03-24)\n\n### Features\n\n- **calendar-input:** remove input width ([#576](https://github.com/core-ds/core-components/issues/576)) ([f0954b0](https://github.com/core-ds/core-components/commit/f0954b0724ead52ea0a60ab8baebd5dfa3638a01))\n\n## [2.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.5...@alfalab/core-components-calendar-input@2.3.6) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.4...@alfalab/core-components-calendar-input@2.3.5) (2021-03-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.2...@alfalab/core-components-calendar-input@2.3.4) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [2.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.3.0...@alfalab/core-components-calendar-input@2.3.2) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n# [2.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.9...@alfalab/core-components-calendar-input@2.3.0) (2021-03-15)\n\n### Features\n\n- **vars:** introducing border-radius vars ([1a6fb28](https://github.com/core-ds/core-components/commit/1a6fb287bcfab50048c3a9100645b4dee8cd3395))\n\n## [2.2.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.8...@alfalab/core-components-calendar-input@2.2.9) (2021-03-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.7...@alfalab/core-components-calendar-input@2.2.8) (2021-03-10)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.6...@alfalab/core-components-calendar-input@2.2.7) (2021-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.5...@alfalab/core-components-calendar-input@2.2.6) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.4...@alfalab/core-components-calendar-input@2.2.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.3...@alfalab/core-components-calendar-input@2.2.4) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.2...@alfalab/core-components-calendar-input@2.2.3) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.1...@alfalab/core-components-calendar-input@2.2.2) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n\n## [2.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-input@2.2.0...@alfalab/core-components-calendar-input@2.2.1) (2021-02-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-input\n';function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/CalendarInput",component:calendar_input_modern.CalendarInput,id:"CalendarInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CalendarInput",children:react.createElement((()=>{const[value,setValue]=react.useState((0,modern.formatDate)(new Date));return(0,jsx_runtime.jsx)(calendar_input_modern.CalendarInput,{value:value,onChange:(event,{value:value})=>setValue(value),label:(0,addon_knobs_dist.text)("label","Дата регистрации"),placeholder:(0,addon_knobs_dist.text)("placeholder",""),mobileMode:(0,addon_knobs_dist.select)("mobileMode",["native","input","popover"],"popover"),preventFlip:(0,addon_knobs_dist.boolean)("preventFlip",!1),block:(0,addon_knobs_dist.boolean)("block",!1),success:(0,addon_knobs_dist.boolean)("success",!1),error:(0,addon_knobs_dist.boolean)("error",!1),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),readOnly:(0,addon_knobs_dist.boolean)("readOnly",!1)})}))}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"CalendarInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/calendar-input",children:"Поле для указания даты."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),development:(0,jsx_runtime.jsx)(development,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject})})]})}const calendarInput=()=>react.createElement((()=>{const[value,setValue]=react.useState((0,modern.formatDate)(new Date));return(0,jsx_runtime.jsx)(calendar_input_modern.CalendarInput,{value:value,onChange:(event,{value:value})=>setValue(value),label:(0,addon_knobs_dist.text)("label","Дата регистрации"),placeholder:(0,addon_knobs_dist.text)("placeholder",""),mobileMode:(0,addon_knobs_dist.select)("mobileMode",["native","input","popover"],"popover"),preventFlip:(0,addon_knobs_dist.boolean)("preventFlip",!1),block:(0,addon_knobs_dist.boolean)("block",!1),success:(0,addon_knobs_dist.boolean)("success",!1),error:(0,addon_knobs_dist.boolean)("error",!1),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),readOnly:(0,addon_knobs_dist.boolean)("readOnly",!1)})}));calendarInput.storyName="CalendarInput",calendarInput.parameters={storySource:{source:'React.createElement(() => {\n const [value, setValue] = React.useState(formatDate(new Date()));\n const handleChange = (event, {\n value\n }) => setValue(value);\n return ;\n})'}};const componentMeta={title:"Components/CalendarInput",id:"CalendarInput",component:calendar_input_modern.CalendarInput,tags:["stories-mdx"],includeStories:["calendarInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/calendar-input/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:function(){return CalendarInputDesktop}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/desktop.js"),_components_calendar_input_Component__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/calendar-input/src/components/calendar-input/Component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),CalendarInputDesktop=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_calendar_input_Component__WEBPACK_IMPORTED_MODULE_2__.q,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({Calendar:_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__.CalendarDesktop},props),{},{ref:ref}))}));try{CalendarInputDesktop.displayName="CalendarInputDesktop",CalendarInputDesktop.__docgenInfo={description:"",displayName:"CalendarInputDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля\nНачальное значение инпута",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: MouseEvent | ChangeEvent | null, payload: { ...; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода\nЗначение инпута (используется и для календаря)",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},onInputChange:{defaultValue:null,description:"Обработчик ввода в инпут",name:"onInputChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; date: Date; }) => void)"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarPosition:{defaultValue:null,description:"Определяет, как рендерить календарь — в поповере или снизу инпута",name:"calendarPosition",required:!1,type:{name:"enum",value:[{value:'"static"'},{value:'"popover"'}]}},mobileMode:{defaultValue:null,description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"popover"'},{value:'"native"'}]}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},onCalendarChange:{defaultValue:null,description:"Обработчик изменения календаря",name:"onCalendarChange",required:!1,type:{name:"((date?: number) => void)"}},onCalendarOpen:{defaultValue:null,description:"Обработчик открытия календаря",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onCalendarClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/calendar-input/src/Component.desktop.tsx#CalendarInputDesktop"]={docgenInfo:CalendarInputDesktop.__docgenInfo,name:"CalendarInputDesktop",path:"packages/calendar-input/src/Component.desktop.tsx#CalendarInputDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/calendar-input/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{A:function(){return CalendarInputMobile}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/mobile.js"),_components_calendar_input_Component__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/calendar-input/src/components/calendar-input/Component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),CalendarInputMobile=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_calendar_input_Component__WEBPACK_IMPORTED_MODULE_2__.q,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({Calendar:_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__.CalendarMobile,view:"mobile"},props),{},{ref:ref}))}));try{CalendarInputMobile.displayName="CalendarInputMobile",CalendarInputMobile.__docgenInfo={description:"",displayName:"CalendarInputMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля\nНачальное значение инпута",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: MouseEvent | ChangeEvent | null, payload: { ...; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода\nЗначение инпута (используется и для календаря)",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},onInputChange:{defaultValue:null,description:"Обработчик ввода в инпут",name:"onInputChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; date: Date; }) => void)"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarPosition:{defaultValue:null,description:"Определяет, как рендерить календарь — в поповере или снизу инпута",name:"calendarPosition",required:!1,type:{name:"enum",value:[{value:'"static"'},{value:'"popover"'}]}},mobileMode:{defaultValue:null,description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"popover"'},{value:'"native"'}]}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},onCalendarChange:{defaultValue:null,description:"Обработчик изменения календаря",name:"onCalendarChange",required:!1,type:{name:"((date?: number) => void)"}},onCalendarOpen:{defaultValue:null,description:"Обработчик открытия календаря",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onCalendarClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/calendar-input/src/Component.mobile.tsx#CalendarInputMobile"]={docgenInfo:CalendarInputMobile.__docgenInfo,name:"CalendarInputMobile",path:"packages/calendar-input/src/Component.mobile.tsx#CalendarInputMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/calendar-input/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{c:function(){return CalendarInputResponsive}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/calendar-input/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/calendar-input/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["breakpoint"],CalendarInputResponsive=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded),_useMedia=(0,_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__.GS)([["mobile","(max-width: ".concat(breakpoint-1,"px)")],["desktop","(min-width: ".concat(breakpoint,"px)")]],"desktop");return"desktop"===(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMedia,1)[0]?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_desktop__WEBPACK_IMPORTED_MODULE_1__.o,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref})):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_mobile__WEBPACK_IMPORTED_MODULE_2__.A,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref}))}));try{CalendarInputResponsive.displayName="CalendarInputResponsive",CalendarInputResponsive.__docgenInfo={description:"",displayName:"CalendarInputResponsive",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля\nНачальное значение инпута",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: MouseEvent | ChangeEvent | null, payload: { ...; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода\nЗначение инпута (используется и для календаря)",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},onInputChange:{defaultValue:null,description:"Обработчик ввода в инпут",name:"onInputChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; date: Date; }) => void)"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarPosition:{defaultValue:null,description:"Определяет, как рендерить календарь — в поповере или снизу инпута",name:"calendarPosition",required:!1,type:{name:"enum",value:[{value:'"static"'},{value:'"popover"'}]}},mobileMode:{defaultValue:null,description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"popover"'},{value:'"native"'}]}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},onCalendarChange:{defaultValue:null,description:"Обработчик изменения календаря",name:"onCalendarChange",required:!1,type:{name:"((date?: number) => void)"}},onCalendarOpen:{defaultValue:null,description:"Обработчик открытия календаря",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onCalendarClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/calendar-input/src/Component.responsive.tsx#CalendarInputResponsive"]={docgenInfo:CalendarInputResponsive.__docgenInfo,name:"CalendarInputResponsive",path:"packages/calendar-input/src/Component.responsive.tsx#CalendarInputResponsive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/calendar-input/src/components/calendar-input/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{q:function(){return CalendarInput}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),react_merge_refs_esm=__webpack_require__("./node_modules/react-merge-refs/dist/react-merge-refs.esm.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),shared=__webpack_require__("./dist/calendar/modern/shared.js"),modern=__webpack_require__("./dist/date-input/modern/index.js"),popover_modern=__webpack_require__("./dist/popover/modern/index.js"),CalendarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CalendarMIcon.js"),SUPPORTS_INPUT_TYPE_DATE="undefined"!=typeof window&&function isInputDateSupported(){var input=document.createElement("input");return input.setAttribute("type","date"),input.setAttribute("value","a"),"a"!==input.value}();var index_module_component="component_sdfKf",index_module_block="block_xTK2O",index_module_calendarContainer="calendarContainer_Y1sM0",index_module_calendarResponsive="calendarResponsive_EJmFv",index_module_calendarIcon="calendarIcon_INpWt",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["block","className","inputClassName","popoverClassName","defaultOpen","defaultMonth","defaultValue","calendarPosition","value","dataTestId","calendarProps","minDate","maxDate","offDays","events","preventFlip","mobileMode","wrapperRef","disabled","onChange","onInputChange","onCalendarChange","onCalendarOpen","onCalendarClose","onKeyDown","readOnly","disableUserInput","Calendar","popoverPosition","zIndexPopover","useAnchorWidth","rightAddons","error","view"],CalendarInput=(0,react.forwardRef)((function(_ref,ref){var _calendarProps$respon,_ref$block=_ref.block,block=void 0!==_ref$block&&_ref$block,className=_ref.className,inputClassName=_ref.inputClassName,popoverClassName=_ref.popoverClassName,_ref$defaultOpen=_ref.defaultOpen,defaultOpen=void 0!==_ref$defaultOpen&&_ref$defaultOpen,defaultMonth=_ref.defaultMonth,_ref$defaultValue=_ref.defaultValue,defaultValue=void 0===_ref$defaultValue?"":_ref$defaultValue,_ref$calendarPosition=_ref.calendarPosition,calendarPosition=void 0===_ref$calendarPosition?"popover":_ref$calendarPosition,value=_ref.value,dataTestId=_ref.dataTestId,_ref$calendarProps=_ref.calendarProps,calendarProps=void 0===_ref$calendarProps?{}:_ref$calendarProps,_ref$minDate=_ref.minDate,minDate=void 0===_ref$minDate?calendarProps.minDate:_ref$minDate,_ref$maxDate=_ref.maxDate,maxDate=void 0===_ref$maxDate?calendarProps.maxDate:_ref$maxDate,_ref$offDays=_ref.offDays,offDays=void 0===_ref$offDays?calendarProps.offDays||[]:_ref$offDays,_ref$events=_ref.events,events=void 0===_ref$events?calendarProps.events||[]:_ref$events,preventFlip=_ref.preventFlip,_ref$mobileMode=_ref.mobileMode,mobileMode=void 0===_ref$mobileMode?"popover":_ref$mobileMode,_ref$wrapperRef=_ref.wrapperRef,wrapperRef=void 0===_ref$wrapperRef?null:_ref$wrapperRef,disabled=_ref.disabled,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?function(){return null}:_ref$onChange,onInputChange=_ref.onInputChange,onCalendarChange=_ref.onCalendarChange,onCalendarOpen=_ref.onCalendarOpen,onCalendarClose=_ref.onCalendarClose,onKeyDown=_ref.onKeyDown,readOnly=_ref.readOnly,_ref$disableUserInput=_ref.disableUserInput,disableUserInput=void 0!==_ref$disableUserInput&&_ref$disableUserInput,Calendar=_ref.Calendar,_ref$popoverPosition=_ref.popoverPosition,popoverPosition=void 0===_ref$popoverPosition?"bottom-start":_ref$popoverPosition,zIndexPopover=_ref.zIndexPopover,useAnchorWidth=_ref.useAnchorWidth,rightAddons=_ref.rightAddons,error=_ref.error,_ref$view=_ref.view,view=void 0===_ref$view?"desktop":_ref$view,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),calendarResponsive=null===(_calendarProps$respon=null==calendarProps?void 0:calendarProps.responsive)||void 0===_calendarProps$respon||_calendarProps$respon,shouldRenderOnlyInput="input"===mobileMode,shouldRenderStatic="static"===calendarPosition&&!shouldRenderOnlyInput,shouldRenderPopover="popover"===calendarPosition&&!(SUPPORTS_INPUT_TYPE_DATE&&"native"===mobileMode)&&!shouldRenderOnlyInput,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1],_useState3=(0,react.useState)(value||defaultValue),_useState4=(0,slicedToArray.Z)(_useState3,2),inputValue=_useState4[0],setInputValue=_useState4[1],calendarValue=inputValue?(0,modern.parseDateString)(inputValue).getTime():void 0,checkInputValueIsValid=function checkInputValueIsValid(newInputValue){if(!newInputValue)return!1;var dateValue=(0,modern.parseDateString)(newInputValue).getTime();return!(!(dateValue&&(0,modern.isCompleteDateInput)(newInputValue)&&(0,shared.dateInLimits)(dateValue,minDate,maxDate))||offDays.includes(dateValue))},inputDisabled=disabled||readOnly,inputRef=(0,react.useRef)(null),inputWrapperRef=(0,react.useRef)(null),calendarRef=(0,react.useRef)(null),openCalendar=function openCalendar(){setOpen(!0),null==onCalendarOpen||onCalendarOpen()},closeCalendar=function closeCalendar(){setOpen(!1),null==onCalendarClose||onCalendarClose()},changeHandler=function changeHandler(event,newValue,newDate){var initiator=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"input",shouldChange=!(arguments.length>4&&void 0!==arguments[4])||arguments[4];"input"===initiator&&event&&onInputChange&&onInputChange(event,{value:newValue,date:newDate}),"calendar"===initiator&&onCalendarChange&&onCalendarChange(newDate.getTime()),setInputValue(newValue),shouldChange&&onChange(event,{date:newDate,value:newValue})},handleCalendarChange=function handleCalendarChange(date){date&&changeHandler(null,(0,modern.formatDate)(date),new Date(date),"calendar"),"desktop"===view&&closeCalendar()},handleCalendarWrapperMouseDown=function handleCalendarWrapperMouseDown(event){event.preventDefault()};(0,react.useEffect)((function(){setOpen(defaultOpen)}),[defaultOpen]),(0,react.useEffect)((function(){void 0!==value&&setInputValue(value)}),[value]);var renderCalendar=function renderCalendar(){return(0,jsx_runtime.jsx)("div",{onMouseDown:handleCalendarWrapperMouseDown,children:Calendar?(0,jsx_runtime.jsx)(Calendar,(0,objectSpread2.Z)((0,objectSpread2.Z)({},calendarProps),{},{responsive:calendarResponsive,open:open,onClose:closeCalendar,ref:calendarRef,defaultMonth:defaultMonth,value:checkInputValueIsValid(inputValue)?calendarValue:void 0,onChange:handleCalendarChange,minDate:minDate,maxDate:maxDate,offDays:offDays,events:events})):null})};return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(index_module_component,className,(0,defineProperty.Z)({},index_module_block,block)),tabIndex:-1,onKeyDown:inputDisabled?void 0:function handleKeyDown(event){"INPUT"===event.target.tagName&&"Enter"===event.key&&(open?closeCalendar():openCalendar()),"Escape"===event.key&&closeCalendar()},onClick:inputDisabled?void 0:function handleClick(){open||openCalendar(),"desktop"===view&&inputRef.current&&inputRef.current.focus()},onFocus:inputDisabled?void 0:function handleFocus(event){"desktop"===view&&(openCalendar(),!open&&"INPUT"!==event.target.tagName&&calendarRef.current&&calendarRef.current.focus())},onBlur:function handleBlur(event){if("desktop"===view){var target=event.relatedTarget||document.activeElement;calendarRef.current&&!1===calendarRef.current.contains(target)&&closeCalendar()}},"data-test-id":dataTestId,children:[(0,jsx_runtime.jsx)(modern.DateInput,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:(0,react_merge_refs_esm.Z)([inputRef,ref]),wrapperRef:(0,react_merge_refs_esm.Z)([wrapperRef,inputWrapperRef]),value:inputValue,defaultValue:defaultValue,disabled:disabled,inputClassName:inputClassName,readOnly:readOnly,mobileMode:"native"===mobileMode?"native":"input",error:error,disableUserInput:disableUserInput,rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons,shouldRenderPopover&&(0,jsx_runtime.jsx)(CalendarMIcon.CalendarMIcon,{className:index_module_calendarIcon})]}),onKeyDown:function handleInputKeyDown(event){["ArrowDown","ArrowUp"].includes(event.key)&&calendarRef.current&&(event.preventDefault(),calendarRef.current.focus()),onKeyDown&&onKeyDown(event)},onChange:function handleInputChange(event,payload){changeHandler(event,payload.value,payload.date,"input",!payload.value||checkInputValueIsValid(payload.value))},block:!0})),shouldRenderStatic&&renderCalendar(),shouldRenderPopover&&(0,jsx_runtime.jsx)(popover_modern.Popover,{open:open,useAnchorWidth:useAnchorWidth,anchorElement:inputWrapperRef.current,popperClassName:classnames_default()(index_module_calendarContainer,(0,defineProperty.Z)({},index_module_calendarResponsive,calendarResponsive)),className:popoverClassName,position:popoverPosition,offset:[0,4],withTransition:!1,preventFlip:preventFlip,zIndex:zIndexPopover,children:renderCalendar()})]})}));try{CalendarInput.displayName="CalendarInput",CalendarInput.__docgenInfo={description:"",displayName:"CalendarInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:{value:"false"},description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:{value:""},description:"Начальное значение поля\nНачальное значение инпута",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода\nЗначение инпута (используется и для календаря)",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:{value:"null"},description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:{value:"false"},description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},calendarProps:{defaultValue:{value:"{}"},description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},defaultOpen:{defaultValue:{value:"false"},description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:{value:"calendarProps.minDate"},description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:{value:"calendarProps.maxDate"},description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:{value:"calendarProps.events || []"},description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:{value:"calendarProps.offDays || []"},description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarPosition:{defaultValue:{value:"popover"},description:"Определяет, как рендерить календарь — в поповере или снизу инпута",name:"calendarPosition",required:!1,type:{name:"enum",value:[{value:'"static"'},{value:'"popover"'}]}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},mobileMode:{defaultValue:{value:"popover"},description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"popover"'},{value:'"native"'}]}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},onChange:{defaultValue:{value:"() => null"},description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: MouseEvent | ChangeEvent | null, payload: { ...; }) => void)"}},onInputChange:{defaultValue:null,description:"Обработчик ввода в инпут",name:"onInputChange",required:!1,type:{name:"((event: ChangeEvent, payload: { value: string; date: Date; }) => void)"}},onCalendarChange:{defaultValue:null,description:"Обработчик изменения календаря",name:"onCalendarChange",required:!1,type:{name:"((date?: number) => void)"}},onCalendarOpen:{defaultValue:null,description:"Обработчик открытия календаря",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onCalendarClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}},popoverPosition:{defaultValue:{value:"bottom-start"},description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},view:{defaultValue:{value:"desktop"},description:"Отображение компонента в мобильном или десктопном виде",name:"view",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"mobile"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/calendar-input/src/components/calendar-input/Component.tsx#CalendarInput"]={docgenInfo:CalendarInput.__docgenInfo,name:"CalendarInput",path:"packages/calendar-input/src/components/calendar-input/Component.tsx#CalendarInput"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/calendar-range-src-docs-Component-stories-mdx.194f9875.iframe.bundle.js b/master/calendar-range-src-docs-Component-stories-mdx.194f9875.iframe.bundle.js new file mode 100644 index 0000000000..a89466b987 --- /dev/null +++ b/master/calendar-range-src-docs-Component-stories-mdx.194f9875.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[4527],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/calendar-range/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WRAPPER_STYLES:function(){return WRAPPER_STYLES},calendarRange:function(){return calendarRange},default:function(){return Component_stories}});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/calendar-range/modern/index.js"),Component=__webpack_require__("./packages/calendar-range/src/Component.tsx"),popover=__webpack_require__("./packages/calendar-range/src/views/popover.tsx"),views_static=__webpack_require__("./packages/calendar-range/src/views/static.tsx"),package_namespaceObject={i8:"7.2.8"},CHANGELOGraw_namespaceObject="# Change Log\n\n## 7.2.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.6\n - calendar-input@9.0.8\n\n## 7.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.5\n - date-input@4.3.5\n - calendar-input@9.0.7\n\n## 7.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.4\n - calendar-input@9.0.6\n\n## 7.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.3\n - calendar@7.0.4\n - calendar-input@9.0.5\n\n## 7.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@9.0.4\n\n## 7.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.3\n - calendar-input@9.0.3\n\n## 7.2.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.2\n - calendar@7.0.2\n - calendar-input@9.0.2\n\n## 7.2.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.1\n - calendar-input@9.0.1\n - date-input@4.3.1\n\n## 7.2.0\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@9.0.0\n - calendar@7.0.0\n - date-input@4.3.0\n\n## 7.1.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.2\n - calendar-input@8.3.1\n\n## 7.1.5\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - calendar@6.6.1\n - calendar-input@8.3.0\n - date-input@4.2.10\n\n## 7.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.0\n - calendar-input@8.2.29\n\n## 7.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.2\n - calendar-input@8.2.28\n - date-input@4.2.9\n\n## 7.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.1\n - calendar-input@8.2.27\n\n## 7.1.1\n\n### Patch Changes\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n- Обновлены зависимости\n - calendar@6.5.0\n - calendar-input@8.2.26\n - date-input@4.2.8\n\n## 7.1.0\n\n### Minor Changes\n\n### [#665](https://github.com/core-ds/core-components/pull/665)\n\n- В компонент CalendarRange добавлено свойство returnInvalidDates, которое возвращает в коллбеке onChange невалидные даты\n\n## 7.0.32\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.4.0\n - calendar-input@8.2.25\n - date-input@4.2.7\n\n## 7.0.31\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.3\n - calendar-input@8.2.24\n - date-input@4.2.6\n\n## 7.0.30\n\n### Patch Changes\n\n### [#652](https://github.com/core-ds/core-components/pull/652)\n\n- Исправлены ошибки, из-за которых onChange вызывался на первый рендер компонента и не работал проп onInputChange\n\n- Обновлены зависимости\n - calendar@6.3.2\n - calendar-input@8.2.23\n - date-input@4.2.5\n\n## 7.0.29\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.1\n - calendar-input@8.2.22\n - date-input@4.2.4\n\n## 7.0.28\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.0\n - calendar-input@8.2.21\n - date-input@4.2.3\n\n## 7.0.27\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.18\n - date-input@4.2.2\n - calendar-input@8.2.20\n\n## 7.0.26\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.17\n - calendar-input@8.2.19\n\n## 7.0.25\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.16\n - calendar-input@8.2.18\n\n## 7.0.24\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - calendar@6.2.15\n - calendar-input@8.2.17\n - date-input@4.2.1\n\n## 7.0.23\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.2.0\n - calendar-input@8.2.16\n\n## 7.0.22\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.14\n - calendar-input@8.2.15\n\n## 7.0.21\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.2.14\n\n## 7.0.20\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.13\n - calendar-input@8.2.13\n\n## 7.0.19\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.12\n - calendar-input@8.2.12\n\n## 7.0.18\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.11\n - calendar-input@8.2.11\n - date-input@4.1.8\n\n## 7.0.17\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.10\n - calendar-input@8.2.10\n\n## 7.0.16\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - calendar@6.2.9\n - calendar-input@8.2.9\n - date-input@4.1.7\n\n## 7.0.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.8\n - calendar-input@8.2.8\n - date-input@4.1.6\n\n## 7.0.14\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.7\n - calendar-input@8.2.7\n - date-input@4.1.5\n\n## 7.0.13\n\n### Patch Changes\n\n### [#476](https://github.com/core-ds/core-components/pull/476)\n\n- Исправлено вычисление свойств minDate и maxDate, если они в одном месяце\n\n- Обновлены зависимости\n - calendar@6.2.6\n - calendar-input@8.2.6\n\n## 7.0.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.5\n - calendar-input@8.2.5\n\n## 7.0.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.4\n - calendar-input@8.2.4\n - date-input@4.1.4\n\n## 7.0.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.3\n - calendar-input@8.2.3\n\n## 7.0.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.2\n - calendar-input@8.2.2\n - date-input@4.1.3\n\n## 7.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.2.1\n - calendar@6.2.1\n - date-input@4.1.2\n\n## 7.0.7\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - calendar-input@8.2.0\n - calendar@6.2.0\n - date-input@4.1.1\n\n## 7.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.15\n - calendar-input@8.1.3\n\n## 7.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.14\n - calendar-input@8.1.2\n\n## 7.0.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.1.1\n - calendar@6.1.13\n\n## 7.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.1.0\n - calendar-input@8.1.0\n - calendar@6.1.12\n\n## 7.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.0.2\n - calendar@6.1.11\n - date-input@4.0.2\n\n## 7.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type='number'\n\n- Обновлены зависимости\n - date-input@4.0.1\n - calendar-input@8.0.1\n - calendar@6.1.10\n\n## 7.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.0.0\n - date-input@4.0.0\n - calendar@6.1.9\n\n## 6.2.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.8\n - date-input@3.1.6\n - calendar-input@7.1.9\n\n## 6.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.7\n - calendar-input@7.1.8\n\n## 6.2.6\n\n### Patch Changes\n\n- Updated dependencies [[#282](https://github.com/core-ds/core-components/pull/282)]\n - @alfalab/core-components-calendar-input@7.1.7\n - @alfalab/core-components-calendar@6.1.6\n - @alfalab/core-components-date-input@3.1.5\n\n## 6.2.5\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-calendar@6.1.5\n - @alfalab/core-components-calendar-input@7.1.6\n - @alfalab/core-components-date-input@3.1.4\n\n## 6.2.4\n\n### Patch Changes\n\n- Updated dependencies [[#277](https://github.com/core-ds/core-components/pull/277)]\n - @alfalab/core-components-calendar-input@7.1.5\n\n## 6.2.3\n\n### Patch Changes\n\n- Updated dependencies [[#175](https://github.com/core-ds/core-components/pull/175)]\n - @alfalab/core-components-calendar@6.1.4\n - @alfalab/core-components-calendar-input@7.1.4\n\n## 6.2.2\n\n### Patch Changes\n\n- Updated dependencies [[#189](https://github.com/core-ds/core-components/pull/189)]\n - @alfalab/core-components-calendar@6.1.3\n - @alfalab/core-components-calendar-input@7.1.3\n - @alfalab/core-components-date-input@3.1.3\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [6.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.2.0...@alfalab/core-components-calendar-range@6.2.1) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [6.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.1.0...@alfalab/core-components-calendar-range@6.2.0) (2022-09-12)\n\n### Features\n\n- **calendar-range:** added onError callback ([#253](https://github.com/core-ds/core-components/issues/253)) ([46e163c](https://github.com/core-ds/core-components/commit/46e163c750427e410d9aa9df6c554a5fbb86eba2))\n\n# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.0.3...@alfalab/core-components-calendar-range@6.1.0) (2022-09-02)\n\n### Features\n\n- testing-library versions update ([#216](https://github.com/core-ds/core-components/issues/216)) ([33b6225](https://github.com/core-ds/core-components/commit/33b62259a1332f535f367502590ea37e7ad051d4))\n\n## [6.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.0.2...@alfalab/core-components-calendar-range@6.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [6.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.0.1...@alfalab/core-components-calendar-range@6.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [6.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.0.0...@alfalab/core-components-calendar-range@6.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.7.3...@alfalab/core-components-calendar-range@6.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [5.7.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.7.2...@alfalab/core-components-calendar-range@5.7.3) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [5.7.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.7.1...@alfalab/core-components-calendar-range@5.7.2) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.7.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.7.0...@alfalab/core-components-calendar-range@5.7.1) (2022-08-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [5.7.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.9...@alfalab/core-components-calendar-range@5.7.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [5.6.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.8...@alfalab/core-components-calendar-range@5.6.9) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.7...@alfalab/core-components-calendar-range@5.6.8) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.6...@alfalab/core-components-calendar-range@5.6.7) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.5...@alfalab/core-components-calendar-range@5.6.6) (2022-07-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.4...@alfalab/core-components-calendar-range@5.6.5) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [5.6.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.3...@alfalab/core-components-calendar-range@5.6.4) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.2...@alfalab/core-components-calendar-range@5.6.3) (2022-07-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.1...@alfalab/core-components-calendar-range@5.6.2) (2022-07-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.0...@alfalab/core-components-calendar-range@5.6.1) (2022-06-30)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [5.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.5.0...@alfalab/core-components-calendar-range@5.6.0) (2022-06-29)\n\n### Features\n\n- **calendar:** implement calendar mobile ([#54](https://github.com/core-ds/core-components/issues/54)) ([730f51d](https://github.com/core-ds/core-components/commit/730f51d35823273f122fe84a0369f95745fd2878))\n\n# [5.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.4.3...@alfalab/core-components-calendar-range@5.5.0) (2022-06-28)\n\n### Bug Fixes\n\n- **icon-view:** fix line-height ([#111](https://github.com/core-ds/core-components/issues/111)) ([b16e0ea](https://github.com/core-ds/core-components/commit/b16e0ea206c819ba4370ed8c1662804a83648e0f))\n- **pure-cell:** fix stories ([#113](https://github.com/core-ds/core-components/issues/113)) ([01f6138](https://github.com/core-ds/core-components/commit/01f6138615b1b7268510e012c314650c084c9ef0))\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n\n## [5.4.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.4.2...@alfalab/core-components-calendar-range@5.4.3) (2022-06-24)\n\n### Bug Fixes\n\n- **icon-button:** fix disabled colors ([#104](https://github.com/core-ds/core-components/issues/104)) ([3f03849](https://github.com/core-ds/core-components/commit/3f038495bb63f72cd81ceeedbe55b52119581d57))\n\n## [5.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.4.1...@alfalab/core-components-calendar-range@5.4.2) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.4.0...@alfalab/core-components-calendar-range@5.4.1) (2022-06-20)\n\n### Bug Fixes\n\n- **calendar:** increased specificity of the button css class ([#103](https://github.com/core-ds/core-components/issues/103)) ([3d20c11](https://github.com/core-ds/core-components/commit/3d20c112a1c161951afa2e1c6fca8d3c048501e7))\n- **icon-button:** fix loading ([#105](https://github.com/core-ds/core-components/issues/105)) ([0b133f0](https://github.com/core-ds/core-components/commit/0b133f042e86702ec2861915f2cdbcdbad9ca905))\n\n# [5.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.3.1...@alfalab/core-components-calendar-range@5.4.0) (2022-06-03)\n\n### Features\n\n- **date-input:** removed date validation ([#69](https://github.com/core-ds/core-components/issues/69)) ([ca56ec9](https://github.com/core-ds/core-components/commit/ca56ec97db0d966233bd4312fdddabd59ed427ae))\n\n## [5.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.1.2...@alfalab/core-components-calendar-range@5.1.3) (2022-03-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.1.1...@alfalab/core-components-calendar-range@5.1.2) (2022-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.1.0...@alfalab/core-components-calendar-range@5.1.1) (2022-03-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.0.0...@alfalab/core-components-calendar-range@5.1.0) (2022-02-21)\n\n### Bug Fixes\n\n- **calendar-range:** correct highlights ([#1002](https://github.com/core-ds/core-components/issues/1002)) ([5c12da2](https://github.com/core-ds/core-components/commit/5c12da2eb72b146b0a5f58447312f96f4b424c48))\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.3.0...@alfalab/core-components-calendar-range@5.0.0) (2022-02-17)\n\n- refactor/calendar-range (#984) ([714f615](https://github.com/core-ds/core-components/commit/714f61590586bafe1060e652943e95c133ed002a)), closes [#984](https://github.com/core-ds/core-components/issues/984)\n\n### BREAKING CHANGES\n\n- Большое обновление CalendarRange\n\n- feat(date-input): add some improvements\n\n- feat(date-input): some updates\n\n- feat(date-input): validation\n\n- feat(calendar): change period selection logic\n\n- fix(calendar): range styles\n\n- fix(calendar): fix styles, add rangeComplete flag\n\n- refactor(calendar-range): temporary\n\n- fix(calendar-range): fix hook\n\n- fix(calendar-range): fix period\n\n- fix(calendar-range): fix tests, fix max date\n\n- fix: update exports\n\n- feat(calendar): allow empty values for PeriodSlider, update today\n\n- fix(calendar-range): hide error icon\n\n- chore(calendar-range): demo\n\n- feat(calendar): use IconButton\n\n- feat(calendar-range): add onChange, update demo\n\n- fix(calendar-range): update width\n\n- test(calendar-range): update snapshot\n\n- fix: import date-fns separately\n\n- fix(calendar-range): fix rest props\n\nCo-authored-by: dmitrsavk \n\n# [4.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.5...@alfalab/core-components-calendar-range@4.3.0) (2022-02-17)\n\n### Features\n\n- **calendar:** design & logic updates ([#991](https://github.com/core-ds/core-components/issues/991)) ([358142c](https://github.com/core-ds/core-components/commit/358142c6d259e1463954139cc648787cdf461f76)), closes [#993](https://github.com/core-ds/core-components/issues/993) [#990](https://github.com/core-ds/core-components/issues/990)\n- **date-input:** add some improvements ([#971](https://github.com/core-ds/core-components/issues/971)) ([47756ca](https://github.com/core-ds/core-components/commit/47756ca1d4eea89f78ed7234e95c02e51dd72e49))\n\n## [4.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.4...@alfalab/core-components-calendar-range@4.2.5) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.3...@alfalab/core-components-calendar-range@4.2.4) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.2...@alfalab/core-components-calendar-range@4.2.3) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.1...@alfalab/core-components-calendar-range@4.2.2) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.0...@alfalab/core-components-calendar-range@4.2.1) (2022-01-27)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [4.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.5...@alfalab/core-components-calendar-range@4.2.0) (2022-01-17)\n\n### Features\n\n- **calendar:** split header to header & period-slider ([#939](https://github.com/core-ds/core-components/issues/939)) ([107cee0](https://github.com/core-ds/core-components/commit/107cee0f2b5d609a02b61023b324dcc8c98c5220))\n\n## [4.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.4...@alfalab/core-components-calendar-range@4.1.5) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.3...@alfalab/core-components-calendar-range@4.1.4) (2021-12-21)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.2...@alfalab/core-components-calendar-range@4.1.3) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.1...@alfalab/core-components-calendar-range@4.1.2) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.0...@alfalab/core-components-calendar-range@4.1.1) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [4.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.4...@alfalab/core-components-calendar-range@4.1.0) (2021-12-08)\n\n### Features\n\n- **calendar:** мобильные стили ([#867](https://github.com/core-ds/core-components/issues/867)) ([febf545](https://github.com/core-ds/core-components/commit/febf54551f8179a1ba03fe65ed47aa3b20b01472))\n\n## [4.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.3...@alfalab/core-components-calendar-range@4.0.4) (2021-12-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.2...@alfalab/core-components-calendar-range@4.0.3) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.1...@alfalab/core-components-calendar-range@4.0.2) (2021-11-22)\n\n### Bug Fixes\n\n- **calendar-range:** fix default month to ([#868](https://github.com/core-ds/core-components/issues/868)) ([1f9fb97](https://github.com/core-ds/core-components/commit/1f9fb9709292d28300c3fc4386ffd858b2efd852))\n\n## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.0...@alfalab/core-components-calendar-range@4.0.1) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.2.2...@alfalab/core-components-calendar-range@4.0.0) (2021-10-15)\n\n### Features\n\n- **calendar-input:** переход к темизации цвета иконки ([adf1dfd](https://github.com/core-ds/core-components/commit/adf1dfd080c1986976a57fee448183e762892eb0))\n\n### BREAKING CHANGES\n\n- **calendar-input:** удалена переменная --calendar-input-calendar-icon\n\n## [3.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.2.1...@alfalab/core-components-calendar-range@3.2.2) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.2.0...@alfalab/core-components-calendar-range@3.2.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [3.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.8...@alfalab/core-components-calendar-range@3.2.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [3.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.7...@alfalab/core-components-calendar-range@3.1.8) (2021-09-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.6...@alfalab/core-components-calendar-range@3.1.7) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.5...@alfalab/core-components-calendar-range@3.1.6) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.4...@alfalab/core-components-calendar-range@3.1.5) (2021-08-23)\n\n### Bug Fixes\n\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [3.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.3...@alfalab/core-components-calendar-range@3.1.4) (2021-08-13)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.2...@alfalab/core-components-calendar-range@3.1.3) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.1...@alfalab/core-components-calendar-range@3.1.2) (2021-08-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.0...@alfalab/core-components-calendar-range@3.1.1) (2021-08-03)\n\n### Bug Fixes\n\n- move icon from date input to calendar input ([#768](https://github.com/core-ds/core-components/issues/768)) ([040bd42](https://github.com/core-ds/core-components/commit/040bd423279eb535f1ea924599ee16c296453e3f))\n\n# [3.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.0.2...@alfalab/core-components-calendar-range@3.1.0) (2021-07-23)\n\n### Features\n\n- **calendar-input:** uses date-input ([#752](https://github.com/core-ds/core-components/issues/752)) ([509dba2](https://github.com/core-ds/core-components/commit/509dba26913ccf6df859a200aa476eeef1df2ddc))\n\n## [3.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.0.1...@alfalab/core-components-calendar-range@3.0.2) (2021-07-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.0.0...@alfalab/core-components-calendar-range@3.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.1.0...@alfalab/core-components-calendar-range@3.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n# [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.0.3...@alfalab/core-components-calendar-range@2.1.0) (2021-06-30)\n\n### Features\n\n- **calendar-range:** pass props to render calendar in popper ([#702](https://github.com/core-ds/core-components/issues/702)) ([4369e46](https://github.com/core-ds/core-components/commit/4369e462116dc1d240f95f811be67639b10dedb6))\n\n## [2.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.0.2...@alfalab/core-components-calendar-range@2.0.3) (2021-06-22)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [2.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.0.1...@alfalab/core-components-calendar-range@2.0.2) (2021-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.0.0...@alfalab/core-components-calendar-range@2.0.1) (2021-05-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.30...@alfalab/core-components-calendar-range@2.0.0) (2021-05-25)\n\n### Features\n\n- **button:** add inverted ([#649](https://github.com/core-ds/core-components/issues/649)) ([be321b0](https://github.com/core-ds/core-components/commit/be321b07e99d20824138ad65141f3fbed1b6e315)), closes [#658](https://github.com/core-ds/core-components/issues/658) [#657](https://github.com/core-ds/core-components/issues/657)\n\n### BREAKING CHANGES\n\n- **button:** remove inverted themes\n\n## [1.3.30](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.29...@alfalab/core-components-calendar-range@1.3.30) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.29](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.28...@alfalab/core-components-calendar-range@1.3.29) (2021-05-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.28](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.27...@alfalab/core-components-calendar-range@1.3.28) (2021-05-07)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.27](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.26...@alfalab/core-components-calendar-range@1.3.27) (2021-05-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.26](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.25...@alfalab/core-components-calendar-range@1.3.26) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.25](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.24...@alfalab/core-components-calendar-range@1.3.25) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.24](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.23...@alfalab/core-components-calendar-range@1.3.24) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.23](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.22...@alfalab/core-components-calendar-range@1.3.23) (2021-04-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.22](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.21...@alfalab/core-components-calendar-range@1.3.22) (2021-04-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.21](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.20...@alfalab/core-components-calendar-range@1.3.21) (2021-04-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.20](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.19...@alfalab/core-components-calendar-range@1.3.20) (2021-03-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.19](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.18...@alfalab/core-components-calendar-range@1.3.19) (2021-03-30)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.18](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.17...@alfalab/core-components-calendar-range@1.3.18) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.17](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.16...@alfalab/core-components-calendar-range@1.3.17) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.16](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.15...@alfalab/core-components-calendar-range@1.3.16) (2021-03-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.15](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.13...@alfalab/core-components-calendar-range@1.3.15) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [1.3.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.11...@alfalab/core-components-calendar-range@1.3.13) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n## [1.3.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.10...@alfalab/core-components-calendar-range@1.3.11) (2021-03-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.9...@alfalab/core-components-calendar-range@1.3.10) (2021-03-14)\n\n### Bug Fixes\n\n- **button:** set type button by default ([#564](https://github.com/core-ds/core-components/issues/564)) ([59fdefd](https://github.com/core-ds/core-components/commit/59fdefd4f37fbe589840aa8944d88bde5b8cda6e))\n\n## [1.3.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.8...@alfalab/core-components-calendar-range@1.3.9) (2021-03-10)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.7...@alfalab/core-components-calendar-range@1.3.8) (2021-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.6...@alfalab/core-components-calendar-range@1.3.7) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.5...@alfalab/core-components-calendar-range@1.3.6) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.4...@alfalab/core-components-calendar-range@1.3.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.3...@alfalab/core-components-calendar-range@1.3.4) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.2...@alfalab/core-components-calendar-range@1.3.3) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.1...@alfalab/core-components-calendar-range@1.3.2) (2021-02-18)\n\n### Bug Fixes\n\n- update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))\n",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({p:"p",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.p,{children:"Компонент для ввода даты."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"// import { startOfDay, subMonths, addMonths, startOfMonth, startOfDay } from 'date-fns';\n// import { parseDateString } from '@alfalab/core-components/calendar-input';\n\nrender(() => {\n const [calendarPosition, setCalendarPosition] = React.useState('static');\n\n const defaultDate = parseDateString('10.03.2022');\n const [valueFrom, setValueFrom] = React.useState({ value: '', date: null });\n const [valueTo, setValueTo] = React.useState({ value: '', date: null });\n\n const minDate = subMonths(startOfDay(defaultDate), 3).getTime();\n const maxDate = addMonths(startOfDay(defaultDate), 3).getTime();\n\n return (\n \n setCalendarPosition(value)}\n value={calendarPosition}\n >\n \n \n \n\n {\n setValueFrom({ value: valueFrom, date: dateFrom });\n setValueTo({ value: valueTo, date: dateTo });\n }}\n />\n\n \n Values: {valueFrom.value} — {valueTo.value}\n
\n Dates: {valueFrom.date && formatDate(valueFrom.date)} —{' '}\n {valueTo.date && formatDate(valueTo.date)}\n
\n\n \n setValueFrom({ value: '', date: null })}\n >\n Сбросить начало\n \n setValueTo({ value: '', date: null })}\n >\n Сбросить конец\n \n\n \n setValueFrom({ value: '20.02.2022', date: parseDateString('20.02.2022') })\n }\n >\n Начало 20.02.2022\n \n \n setValueTo({ value: '25.04.2022', date: parseDateString('25.04.2022') })\n }\n >\n Конец 25.04.2022\n \n \n
\n );\n});\n"})})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},utils=__webpack_require__("./packages/screenshot-utils/screenshots-story/utils.ts");const WRAPPER_STYLES={display:"inline-block",border:"1px solid var(--color-light-border-secondary)",borderRadius:8,boxShadow:"var(--shadow-m)",background:"var(--color-light-bg-primary)",padding:"var(--gap-m)"};function Component_stories_createMdxContent(props){const _components=Object.assign({div:"div",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/CalendarRange",component:modern.CalendarRange,id:"CalendarRange"}),"\n","\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CalendarRange",children:react.createElement((()=>(0,jsx_runtime.jsx)(_components.div,{style:(0,utils.FX)((0,utils.Ph)("wrapperStyles")),children:(0,jsx_runtime.jsx)(_components.div,{style:WRAPPER_STYLES,children:(0,jsx_runtime.jsx)(modern.CalendarRange,{defaultMonth:new Date("2022-03-01"),calendarPosition:(0,addon_knobs_dist.select)("calendarPosition",["static","popover"],"static")})})})))}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"CalendarRange",version:package_namespaceObject.i8,package:"@alfalab/core-components/calendar-range",design:"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components?node-id=7935%3A48591"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { CalendarRange } from '@alfalab/core-components/calendar-range';\n"})}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),props:(0,jsx_runtime.jsx)(dist.$4,{components:{CalendarRange:Component.a,CalendarRangePopover:popover.c,CalendarRangeStatic:views_static.j}})})]})}const calendarRange=()=>react.createElement((()=>(0,jsx_runtime.jsx)("div",{style:(0,utils.FX)((0,utils.Ph)("wrapperStyles")),children:(0,jsx_runtime.jsx)("div",{style:WRAPPER_STYLES,children:(0,jsx_runtime.jsx)(modern.CalendarRange,{defaultMonth:new Date("2022-03-01"),calendarPosition:(0,addon_knobs_dist.select)("calendarPosition",["static","popover"],"static")})})})));calendarRange.storyName="CalendarRange",calendarRange.parameters={storySource:{source:'React.createElement(() => {\n return
\n
\n \n
\n
;\n})'}};const componentMeta={title:"Components/CalendarRange",id:"CalendarRange",component:modern.CalendarRange,tags:["stories-mdx"],includeStories:["calendarRange"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent(props)}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/screenshot-utils/screenshots-story/utils.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{DO:function(){return isJsonObj},FX:function(){return stylesStringToObj},Ph:function(){return getQueryParam},Qh:function(){return parseKnobs}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),queryParams=__webpack_require__("./node_modules/querystring/index.js").parse(document.location.search),getQueryParam=function getQueryParam(param){var parse=arguments.length>1&&void 0!==arguments[1]&&arguments[1],value=queryParams[param];return parse?parseValue(value):value},parseKnobs=function parseKnobs(){return Object.entries(queryParams).reduce((function(acc,_ref){var _ref2=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__.Z)(_ref,2),k=_ref2[0],v=_ref2[1];return k.startsWith("knob-")&&(acc[k.replace("knob-","")]=parseValue(v)),acc}),{})};function parseValue(value){if(value){if(function isBoolean(){return["true","false"].includes(value)}())return"true"===value;if(function isNumeric(){return!Number.isNaN(+value)&&!Number.isNaN(parseFloat(value))}())return parseFloat(value);try{return JSON.parse(value)}catch(e){return value}}}function stylesStringToObj(){var str=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(!str)return{};var properties=str.split(";").map((function(v){return v.trim()})),obj={};return properties.forEach((function(property){var _property$split$map=property.split(":").map((function(v){return v.trim()})),_property$split$map2=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__.Z)(_property$split$map,2),name=_property$split$map2[0],val=_property$split$map2[1];obj[name]=val})),obj}function isJsonObj(str){try{return"object"==typeof JSON.parse(str)}catch(e){return!1}}},"./node_modules/querystring/decode.js":function(module){function hasOwnProperty(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)}module.exports=function(qs,sep,eq,options){sep=sep||"&",eq=eq||"=";var obj={};if("string"!=typeof qs||0===qs.length)return obj;var regexp=/\+/g;qs=qs.split(sep);var maxKeys=1e3;options&&"number"==typeof options.maxKeys&&(maxKeys=options.maxKeys);var len=qs.length;maxKeys>0&&len>maxKeys&&(len=maxKeys);for(var i=0;i=0?(kstr=x.substr(0,idx),vstr=x.substr(idx+1)):(kstr=x,vstr=""),k=decodeURIComponent(kstr),v=decodeURIComponent(vstr),hasOwnProperty(obj,k)?Array.isArray(obj[k])?obj[k].push(v):obj[k]=[obj[k],v]:obj[k]=v}return obj}},"./node_modules/querystring/encode.js":function(module){var stringifyPrimitive=function(v){switch(typeof v){case"string":return v;case"boolean":return v?"true":"false";case"number":return isFinite(v)?v:"";default:return""}};module.exports=function(obj,sep,eq,name){return sep=sep||"&",eq=eq||"=",null===obj&&(obj=void 0),"object"==typeof obj?Object.keys(obj).map((function(k){var ks=encodeURIComponent(stringifyPrimitive(k))+eq;return Array.isArray(obj[k])?obj[k].map((function(v){return ks+encodeURIComponent(stringifyPrimitive(v))})).join(sep):ks+encodeURIComponent(stringifyPrimitive(obj[k]))})).join(sep):name?encodeURIComponent(stringifyPrimitive(name))+eq+encodeURIComponent(stringifyPrimitive(obj)):""}},"./node_modules/querystring/index.js":function(__unused_webpack_module,exports,__webpack_require__){exports.decode=exports.parse=__webpack_require__("./node_modules/querystring/decode.js"),exports.encode=exports.stringify=__webpack_require__("./node_modules/querystring/encode.js")}}]); \ No newline at end of file diff --git a/master/calendar-range-src-docs-Component-stories-mdx.be4e6a5e.iframe.bundle.js b/master/calendar-range-src-docs-Component-stories-mdx.be4e6a5e.iframe.bundle.js deleted file mode 100644 index e32fa79494..0000000000 --- a/master/calendar-range-src-docs-Component-stories-mdx.be4e6a5e.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[4527],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/calendar-range/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WRAPPER_STYLES:function(){return WRAPPER_STYLES},calendarRange:function(){return calendarRange},default:function(){return Component_stories}});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/calendar-range/modern/index.js"),Component=__webpack_require__("./packages/calendar-range/src/Component.tsx"),popover=__webpack_require__("./packages/calendar-range/src/views/popover.tsx"),views_static=__webpack_require__("./packages/calendar-range/src/views/static.tsx"),package_namespaceObject={i8:"7.2.7"},CHANGELOGraw_namespaceObject="# Change Log\n\n## 7.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.5\n - date-input@4.3.5\n - calendar-input@9.0.7\n\n## 7.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.4\n - calendar-input@9.0.6\n\n## 7.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.3\n - calendar@7.0.4\n - calendar-input@9.0.5\n\n## 7.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@9.0.4\n\n## 7.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.3\n - calendar-input@9.0.3\n\n## 7.2.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.3.2\n - calendar@7.0.2\n - calendar-input@9.0.2\n\n## 7.2.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.1\n - calendar-input@9.0.1\n - date-input@4.3.1\n\n## 7.2.0\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@9.0.0\n - calendar@7.0.0\n - date-input@4.3.0\n\n## 7.1.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.2\n - calendar-input@8.3.1\n\n## 7.1.5\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - calendar@6.6.1\n - calendar-input@8.3.0\n - date-input@4.2.10\n\n## 7.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.0\n - calendar-input@8.2.29\n\n## 7.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.2\n - calendar-input@8.2.28\n - date-input@4.2.9\n\n## 7.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.1\n - calendar-input@8.2.27\n\n## 7.1.1\n\n### Patch Changes\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n- Обновлены зависимости\n - calendar@6.5.0\n - calendar-input@8.2.26\n - date-input@4.2.8\n\n## 7.1.0\n\n### Minor Changes\n\n### [#665](https://github.com/core-ds/core-components/pull/665)\n\n- В компонент CalendarRange добавлено свойство returnInvalidDates, которое возвращает в коллбеке onChange невалидные даты\n\n## 7.0.32\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.4.0\n - calendar-input@8.2.25\n - date-input@4.2.7\n\n## 7.0.31\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.3\n - calendar-input@8.2.24\n - date-input@4.2.6\n\n## 7.0.30\n\n### Patch Changes\n\n### [#652](https://github.com/core-ds/core-components/pull/652)\n\n- Исправлены ошибки, из-за которых onChange вызывался на первый рендер компонента и не работал проп onInputChange\n\n- Обновлены зависимости\n - calendar@6.3.2\n - calendar-input@8.2.23\n - date-input@4.2.5\n\n## 7.0.29\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.1\n - calendar-input@8.2.22\n - date-input@4.2.4\n\n## 7.0.28\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.0\n - calendar-input@8.2.21\n - date-input@4.2.3\n\n## 7.0.27\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.18\n - date-input@4.2.2\n - calendar-input@8.2.20\n\n## 7.0.26\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.17\n - calendar-input@8.2.19\n\n## 7.0.25\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.16\n - calendar-input@8.2.18\n\n## 7.0.24\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - calendar@6.2.15\n - calendar-input@8.2.17\n - date-input@4.2.1\n\n## 7.0.23\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.2.0\n - calendar-input@8.2.16\n\n## 7.0.22\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.14\n - calendar-input@8.2.15\n\n## 7.0.21\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.2.14\n\n## 7.0.20\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.13\n - calendar-input@8.2.13\n\n## 7.0.19\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.12\n - calendar-input@8.2.12\n\n## 7.0.18\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.11\n - calendar-input@8.2.11\n - date-input@4.1.8\n\n## 7.0.17\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.10\n - calendar-input@8.2.10\n\n## 7.0.16\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - calendar@6.2.9\n - calendar-input@8.2.9\n - date-input@4.1.7\n\n## 7.0.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.8\n - calendar-input@8.2.8\n - date-input@4.1.6\n\n## 7.0.14\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.7\n - calendar-input@8.2.7\n - date-input@4.1.5\n\n## 7.0.13\n\n### Patch Changes\n\n### [#476](https://github.com/core-ds/core-components/pull/476)\n\n- Исправлено вычисление свойств minDate и maxDate, если они в одном месяце\n\n- Обновлены зависимости\n - calendar@6.2.6\n - calendar-input@8.2.6\n\n## 7.0.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.5\n - calendar-input@8.2.5\n\n## 7.0.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.4\n - calendar-input@8.2.4\n - date-input@4.1.4\n\n## 7.0.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.3\n - calendar-input@8.2.3\n\n## 7.0.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.2\n - calendar-input@8.2.2\n - date-input@4.1.3\n\n## 7.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.2.1\n - calendar@6.2.1\n - date-input@4.1.2\n\n## 7.0.7\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - calendar-input@8.2.0\n - calendar@6.2.0\n - date-input@4.1.1\n\n## 7.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.15\n - calendar-input@8.1.3\n\n## 7.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.14\n - calendar-input@8.1.2\n\n## 7.0.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.1.1\n - calendar@6.1.13\n\n## 7.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - date-input@4.1.0\n - calendar-input@8.1.0\n - calendar@6.1.12\n\n## 7.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.0.2\n - calendar@6.1.11\n - date-input@4.0.2\n\n## 7.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type='number'\n\n- Обновлены зависимости\n - date-input@4.0.1\n - calendar-input@8.0.1\n - calendar@6.1.10\n\n## 7.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar-input@8.0.0\n - date-input@4.0.0\n - calendar@6.1.9\n\n## 6.2.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.8\n - date-input@3.1.6\n - calendar-input@7.1.9\n\n## 6.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.7\n - calendar-input@7.1.8\n\n## 6.2.6\n\n### Patch Changes\n\n- Updated dependencies [[#282](https://github.com/core-ds/core-components/pull/282)]\n - @alfalab/core-components-calendar-input@7.1.7\n - @alfalab/core-components-calendar@6.1.6\n - @alfalab/core-components-date-input@3.1.5\n\n## 6.2.5\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-calendar@6.1.5\n - @alfalab/core-components-calendar-input@7.1.6\n - @alfalab/core-components-date-input@3.1.4\n\n## 6.2.4\n\n### Patch Changes\n\n- Updated dependencies [[#277](https://github.com/core-ds/core-components/pull/277)]\n - @alfalab/core-components-calendar-input@7.1.5\n\n## 6.2.3\n\n### Patch Changes\n\n- Updated dependencies [[#175](https://github.com/core-ds/core-components/pull/175)]\n - @alfalab/core-components-calendar@6.1.4\n - @alfalab/core-components-calendar-input@7.1.4\n\n## 6.2.2\n\n### Patch Changes\n\n- Updated dependencies [[#189](https://github.com/core-ds/core-components/pull/189)]\n - @alfalab/core-components-calendar@6.1.3\n - @alfalab/core-components-calendar-input@7.1.3\n - @alfalab/core-components-date-input@3.1.3\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [6.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.2.0...@alfalab/core-components-calendar-range@6.2.1) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [6.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.1.0...@alfalab/core-components-calendar-range@6.2.0) (2022-09-12)\n\n### Features\n\n- **calendar-range:** added onError callback ([#253](https://github.com/core-ds/core-components/issues/253)) ([46e163c](https://github.com/core-ds/core-components/commit/46e163c750427e410d9aa9df6c554a5fbb86eba2))\n\n# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.0.3...@alfalab/core-components-calendar-range@6.1.0) (2022-09-02)\n\n### Features\n\n- testing-library versions update ([#216](https://github.com/core-ds/core-components/issues/216)) ([33b6225](https://github.com/core-ds/core-components/commit/33b62259a1332f535f367502590ea37e7ad051d4))\n\n## [6.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.0.2...@alfalab/core-components-calendar-range@6.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [6.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.0.1...@alfalab/core-components-calendar-range@6.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [6.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@6.0.0...@alfalab/core-components-calendar-range@6.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.7.3...@alfalab/core-components-calendar-range@6.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [5.7.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.7.2...@alfalab/core-components-calendar-range@5.7.3) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [5.7.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.7.1...@alfalab/core-components-calendar-range@5.7.2) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.7.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.7.0...@alfalab/core-components-calendar-range@5.7.1) (2022-08-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [5.7.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.9...@alfalab/core-components-calendar-range@5.7.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [5.6.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.8...@alfalab/core-components-calendar-range@5.6.9) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.7...@alfalab/core-components-calendar-range@5.6.8) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.6...@alfalab/core-components-calendar-range@5.6.7) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.5...@alfalab/core-components-calendar-range@5.6.6) (2022-07-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.4...@alfalab/core-components-calendar-range@5.6.5) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [5.6.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.3...@alfalab/core-components-calendar-range@5.6.4) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.2...@alfalab/core-components-calendar-range@5.6.3) (2022-07-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.1...@alfalab/core-components-calendar-range@5.6.2) (2022-07-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.6.0...@alfalab/core-components-calendar-range@5.6.1) (2022-06-30)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [5.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.5.0...@alfalab/core-components-calendar-range@5.6.0) (2022-06-29)\n\n### Features\n\n- **calendar:** implement calendar mobile ([#54](https://github.com/core-ds/core-components/issues/54)) ([730f51d](https://github.com/core-ds/core-components/commit/730f51d35823273f122fe84a0369f95745fd2878))\n\n# [5.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.4.3...@alfalab/core-components-calendar-range@5.5.0) (2022-06-28)\n\n### Bug Fixes\n\n- **icon-view:** fix line-height ([#111](https://github.com/core-ds/core-components/issues/111)) ([b16e0ea](https://github.com/core-ds/core-components/commit/b16e0ea206c819ba4370ed8c1662804a83648e0f))\n- **pure-cell:** fix stories ([#113](https://github.com/core-ds/core-components/issues/113)) ([01f6138](https://github.com/core-ds/core-components/commit/01f6138615b1b7268510e012c314650c084c9ef0))\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n\n## [5.4.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.4.2...@alfalab/core-components-calendar-range@5.4.3) (2022-06-24)\n\n### Bug Fixes\n\n- **icon-button:** fix disabled colors ([#104](https://github.com/core-ds/core-components/issues/104)) ([3f03849](https://github.com/core-ds/core-components/commit/3f038495bb63f72cd81ceeedbe55b52119581d57))\n\n## [5.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.4.1...@alfalab/core-components-calendar-range@5.4.2) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.4.0...@alfalab/core-components-calendar-range@5.4.1) (2022-06-20)\n\n### Bug Fixes\n\n- **calendar:** increased specificity of the button css class ([#103](https://github.com/core-ds/core-components/issues/103)) ([3d20c11](https://github.com/core-ds/core-components/commit/3d20c112a1c161951afa2e1c6fca8d3c048501e7))\n- **icon-button:** fix loading ([#105](https://github.com/core-ds/core-components/issues/105)) ([0b133f0](https://github.com/core-ds/core-components/commit/0b133f042e86702ec2861915f2cdbcdbad9ca905))\n\n# [5.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.3.1...@alfalab/core-components-calendar-range@5.4.0) (2022-06-03)\n\n### Features\n\n- **date-input:** removed date validation ([#69](https://github.com/core-ds/core-components/issues/69)) ([ca56ec9](https://github.com/core-ds/core-components/commit/ca56ec97db0d966233bd4312fdddabd59ed427ae))\n\n## [5.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.1.2...@alfalab/core-components-calendar-range@5.1.3) (2022-03-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.1.1...@alfalab/core-components-calendar-range@5.1.2) (2022-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [5.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.1.0...@alfalab/core-components-calendar-range@5.1.1) (2022-03-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@5.0.0...@alfalab/core-components-calendar-range@5.1.0) (2022-02-21)\n\n### Bug Fixes\n\n- **calendar-range:** correct highlights ([#1002](https://github.com/core-ds/core-components/issues/1002)) ([5c12da2](https://github.com/core-ds/core-components/commit/5c12da2eb72b146b0a5f58447312f96f4b424c48))\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.3.0...@alfalab/core-components-calendar-range@5.0.0) (2022-02-17)\n\n- refactor/calendar-range (#984) ([714f615](https://github.com/core-ds/core-components/commit/714f61590586bafe1060e652943e95c133ed002a)), closes [#984](https://github.com/core-ds/core-components/issues/984)\n\n### BREAKING CHANGES\n\n- Большое обновление CalendarRange\n\n- feat(date-input): add some improvements\n\n- feat(date-input): some updates\n\n- feat(date-input): validation\n\n- feat(calendar): change period selection logic\n\n- fix(calendar): range styles\n\n- fix(calendar): fix styles, add rangeComplete flag\n\n- refactor(calendar-range): temporary\n\n- fix(calendar-range): fix hook\n\n- fix(calendar-range): fix period\n\n- fix(calendar-range): fix tests, fix max date\n\n- fix: update exports\n\n- feat(calendar): allow empty values for PeriodSlider, update today\n\n- fix(calendar-range): hide error icon\n\n- chore(calendar-range): demo\n\n- feat(calendar): use IconButton\n\n- feat(calendar-range): add onChange, update demo\n\n- fix(calendar-range): update width\n\n- test(calendar-range): update snapshot\n\n- fix: import date-fns separately\n\n- fix(calendar-range): fix rest props\n\nCo-authored-by: dmitrsavk \n\n# [4.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.5...@alfalab/core-components-calendar-range@4.3.0) (2022-02-17)\n\n### Features\n\n- **calendar:** design & logic updates ([#991](https://github.com/core-ds/core-components/issues/991)) ([358142c](https://github.com/core-ds/core-components/commit/358142c6d259e1463954139cc648787cdf461f76)), closes [#993](https://github.com/core-ds/core-components/issues/993) [#990](https://github.com/core-ds/core-components/issues/990)\n- **date-input:** add some improvements ([#971](https://github.com/core-ds/core-components/issues/971)) ([47756ca](https://github.com/core-ds/core-components/commit/47756ca1d4eea89f78ed7234e95c02e51dd72e49))\n\n## [4.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.4...@alfalab/core-components-calendar-range@4.2.5) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.3...@alfalab/core-components-calendar-range@4.2.4) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.2...@alfalab/core-components-calendar-range@4.2.3) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.1...@alfalab/core-components-calendar-range@4.2.2) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.2.0...@alfalab/core-components-calendar-range@4.2.1) (2022-01-27)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [4.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.5...@alfalab/core-components-calendar-range@4.2.0) (2022-01-17)\n\n### Features\n\n- **calendar:** split header to header & period-slider ([#939](https://github.com/core-ds/core-components/issues/939)) ([107cee0](https://github.com/core-ds/core-components/commit/107cee0f2b5d609a02b61023b324dcc8c98c5220))\n\n## [4.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.4...@alfalab/core-components-calendar-range@4.1.5) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.3...@alfalab/core-components-calendar-range@4.1.4) (2021-12-21)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.2...@alfalab/core-components-calendar-range@4.1.3) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.1...@alfalab/core-components-calendar-range@4.1.2) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.1.0...@alfalab/core-components-calendar-range@4.1.1) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [4.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.4...@alfalab/core-components-calendar-range@4.1.0) (2021-12-08)\n\n### Features\n\n- **calendar:** мобильные стили ([#867](https://github.com/core-ds/core-components/issues/867)) ([febf545](https://github.com/core-ds/core-components/commit/febf54551f8179a1ba03fe65ed47aa3b20b01472))\n\n## [4.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.3...@alfalab/core-components-calendar-range@4.0.4) (2021-12-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.2...@alfalab/core-components-calendar-range@4.0.3) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.1...@alfalab/core-components-calendar-range@4.0.2) (2021-11-22)\n\n### Bug Fixes\n\n- **calendar-range:** fix default month to ([#868](https://github.com/core-ds/core-components/issues/868)) ([1f9fb97](https://github.com/core-ds/core-components/commit/1f9fb9709292d28300c3fc4386ffd858b2efd852))\n\n## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@4.0.0...@alfalab/core-components-calendar-range@4.0.1) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.2.2...@alfalab/core-components-calendar-range@4.0.0) (2021-10-15)\n\n### Features\n\n- **calendar-input:** переход к темизации цвета иконки ([adf1dfd](https://github.com/core-ds/core-components/commit/adf1dfd080c1986976a57fee448183e762892eb0))\n\n### BREAKING CHANGES\n\n- **calendar-input:** удалена переменная --calendar-input-calendar-icon\n\n## [3.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.2.1...@alfalab/core-components-calendar-range@3.2.2) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.2.0...@alfalab/core-components-calendar-range@3.2.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [3.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.8...@alfalab/core-components-calendar-range@3.2.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [3.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.7...@alfalab/core-components-calendar-range@3.1.8) (2021-09-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.6...@alfalab/core-components-calendar-range@3.1.7) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.5...@alfalab/core-components-calendar-range@3.1.6) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.4...@alfalab/core-components-calendar-range@3.1.5) (2021-08-23)\n\n### Bug Fixes\n\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [3.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.3...@alfalab/core-components-calendar-range@3.1.4) (2021-08-13)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.2...@alfalab/core-components-calendar-range@3.1.3) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.1...@alfalab/core-components-calendar-range@3.1.2) (2021-08-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.1.0...@alfalab/core-components-calendar-range@3.1.1) (2021-08-03)\n\n### Bug Fixes\n\n- move icon from date input to calendar input ([#768](https://github.com/core-ds/core-components/issues/768)) ([040bd42](https://github.com/core-ds/core-components/commit/040bd423279eb535f1ea924599ee16c296453e3f))\n\n# [3.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.0.2...@alfalab/core-components-calendar-range@3.1.0) (2021-07-23)\n\n### Features\n\n- **calendar-input:** uses date-input ([#752](https://github.com/core-ds/core-components/issues/752)) ([509dba2](https://github.com/core-ds/core-components/commit/509dba26913ccf6df859a200aa476eeef1df2ddc))\n\n## [3.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.0.1...@alfalab/core-components-calendar-range@3.0.2) (2021-07-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@3.0.0...@alfalab/core-components-calendar-range@3.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.1.0...@alfalab/core-components-calendar-range@3.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n# [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.0.3...@alfalab/core-components-calendar-range@2.1.0) (2021-06-30)\n\n### Features\n\n- **calendar-range:** pass props to render calendar in popper ([#702](https://github.com/core-ds/core-components/issues/702)) ([4369e46](https://github.com/core-ds/core-components/commit/4369e462116dc1d240f95f811be67639b10dedb6))\n\n## [2.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.0.2...@alfalab/core-components-calendar-range@2.0.3) (2021-06-22)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [2.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.0.1...@alfalab/core-components-calendar-range@2.0.2) (2021-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@2.0.0...@alfalab/core-components-calendar-range@2.0.1) (2021-05-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n# [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.30...@alfalab/core-components-calendar-range@2.0.0) (2021-05-25)\n\n### Features\n\n- **button:** add inverted ([#649](https://github.com/core-ds/core-components/issues/649)) ([be321b0](https://github.com/core-ds/core-components/commit/be321b07e99d20824138ad65141f3fbed1b6e315)), closes [#658](https://github.com/core-ds/core-components/issues/658) [#657](https://github.com/core-ds/core-components/issues/657)\n\n### BREAKING CHANGES\n\n- **button:** remove inverted themes\n\n## [1.3.30](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.29...@alfalab/core-components-calendar-range@1.3.30) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.29](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.28...@alfalab/core-components-calendar-range@1.3.29) (2021-05-18)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.28](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.27...@alfalab/core-components-calendar-range@1.3.28) (2021-05-07)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.27](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.26...@alfalab/core-components-calendar-range@1.3.27) (2021-05-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.26](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.25...@alfalab/core-components-calendar-range@1.3.26) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.25](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.24...@alfalab/core-components-calendar-range@1.3.25) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.24](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.23...@alfalab/core-components-calendar-range@1.3.24) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.23](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.22...@alfalab/core-components-calendar-range@1.3.23) (2021-04-09)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.22](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.21...@alfalab/core-components-calendar-range@1.3.22) (2021-04-06)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.21](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.20...@alfalab/core-components-calendar-range@1.3.21) (2021-04-01)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.20](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.19...@alfalab/core-components-calendar-range@1.3.20) (2021-03-31)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.19](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.18...@alfalab/core-components-calendar-range@1.3.19) (2021-03-30)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.18](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.17...@alfalab/core-components-calendar-range@1.3.18) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.17](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.16...@alfalab/core-components-calendar-range@1.3.17) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.16](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.15...@alfalab/core-components-calendar-range@1.3.16) (2021-03-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.15](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.13...@alfalab/core-components-calendar-range@1.3.15) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [1.3.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.11...@alfalab/core-components-calendar-range@1.3.13) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n## [1.3.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.10...@alfalab/core-components-calendar-range@1.3.11) (2021-03-15)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.9...@alfalab/core-components-calendar-range@1.3.10) (2021-03-14)\n\n### Bug Fixes\n\n- **button:** set type button by default ([#564](https://github.com/core-ds/core-components/issues/564)) ([59fdefd](https://github.com/core-ds/core-components/commit/59fdefd4f37fbe589840aa8944d88bde5b8cda6e))\n\n## [1.3.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.8...@alfalab/core-components-calendar-range@1.3.9) (2021-03-10)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.7...@alfalab/core-components-calendar-range@1.3.8) (2021-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.6...@alfalab/core-components-calendar-range@1.3.7) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.5...@alfalab/core-components-calendar-range@1.3.6) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.4...@alfalab/core-components-calendar-range@1.3.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.3...@alfalab/core-components-calendar-range@1.3.4) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.2...@alfalab/core-components-calendar-range@1.3.3) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-calendar-range\n\n## [1.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-calendar-range@1.3.1...@alfalab/core-components-calendar-range@1.3.2) (2021-02-18)\n\n### Bug Fixes\n\n- update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))\n",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({p:"p",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.p,{children:"Компонент для ввода даты."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"// import { startOfDay, subMonths, addMonths, startOfMonth, startOfDay } from 'date-fns';\n// import { parseDateString } from '@alfalab/core-components/calendar-input';\n\nrender(() => {\n const [calendarPosition, setCalendarPosition] = React.useState('static');\n\n const defaultDate = parseDateString('10.03.2022');\n const [valueFrom, setValueFrom] = React.useState({ value: '', date: null });\n const [valueTo, setValueTo] = React.useState({ value: '', date: null });\n\n const minDate = subMonths(startOfDay(defaultDate), 3).getTime();\n const maxDate = addMonths(startOfDay(defaultDate), 3).getTime();\n\n return (\n \n setCalendarPosition(value)}\n value={calendarPosition}\n >\n \n \n \n\n {\n setValueFrom({ value: valueFrom, date: dateFrom });\n setValueTo({ value: valueTo, date: dateTo });\n }}\n />\n\n \n Values: {valueFrom.value} — {valueTo.value}\n
\n Dates: {valueFrom.date && formatDate(valueFrom.date)} —{' '}\n {valueTo.date && formatDate(valueTo.date)}\n
\n\n \n setValueFrom({ value: '', date: null })}\n >\n Сбросить начало\n \n setValueTo({ value: '', date: null })}\n >\n Сбросить конец\n \n\n \n setValueFrom({ value: '20.02.2022', date: parseDateString('20.02.2022') })\n }\n >\n Начало 20.02.2022\n \n \n setValueTo({ value: '25.04.2022', date: parseDateString('25.04.2022') })\n }\n >\n Конец 25.04.2022\n \n \n
\n );\n});\n"})})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},utils=__webpack_require__("./packages/screenshot-utils/screenshots-story/utils.ts");const WRAPPER_STYLES={display:"inline-block",border:"1px solid var(--color-light-border-secondary)",borderRadius:8,boxShadow:"var(--shadow-m)",background:"var(--color-light-bg-primary)",padding:"var(--gap-m)"};function Component_stories_createMdxContent(props){const _components=Object.assign({div:"div",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/CalendarRange",component:modern.CalendarRange,id:"CalendarRange"}),"\n","\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CalendarRange",children:react.createElement((()=>(0,jsx_runtime.jsx)(_components.div,{style:(0,utils.FX)((0,utils.Ph)("wrapperStyles")),children:(0,jsx_runtime.jsx)(_components.div,{style:WRAPPER_STYLES,children:(0,jsx_runtime.jsx)(modern.CalendarRange,{defaultMonth:new Date("2022-03-01"),calendarPosition:(0,addon_knobs_dist.select)("calendarPosition",["static","popover"],"static")})})})))}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"CalendarRange",version:package_namespaceObject.i8,package:"@alfalab/core-components/calendar-range",design:"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components?node-id=7935%3A48591"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { CalendarRange } from '@alfalab/core-components/calendar-range';\n"})}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),props:(0,jsx_runtime.jsx)(dist.$4,{components:{CalendarRange:Component.a,CalendarRangePopover:popover.c,CalendarRangeStatic:views_static.j}})})]})}const calendarRange=()=>react.createElement((()=>(0,jsx_runtime.jsx)("div",{style:(0,utils.FX)((0,utils.Ph)("wrapperStyles")),children:(0,jsx_runtime.jsx)("div",{style:WRAPPER_STYLES,children:(0,jsx_runtime.jsx)(modern.CalendarRange,{defaultMonth:new Date("2022-03-01"),calendarPosition:(0,addon_knobs_dist.select)("calendarPosition",["static","popover"],"static")})})})));calendarRange.storyName="CalendarRange",calendarRange.parameters={storySource:{source:'React.createElement(() => {\n return
\n
\n \n
\n
;\n})'}};const componentMeta={title:"Components/CalendarRange",id:"CalendarRange",component:modern.CalendarRange,tags:["stories-mdx"],includeStories:["calendarRange"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent(props)}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/screenshot-utils/screenshots-story/utils.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{DO:function(){return isJsonObj},FX:function(){return stylesStringToObj},Ph:function(){return getQueryParam},Qh:function(){return parseKnobs}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),queryParams=__webpack_require__("./node_modules/querystring/index.js").parse(document.location.search),getQueryParam=function getQueryParam(param){var parse=arguments.length>1&&void 0!==arguments[1]&&arguments[1],value=queryParams[param];return parse?parseValue(value):value},parseKnobs=function parseKnobs(){return Object.entries(queryParams).reduce((function(acc,_ref){var _ref2=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__.Z)(_ref,2),k=_ref2[0],v=_ref2[1];return k.startsWith("knob-")&&(acc[k.replace("knob-","")]=parseValue(v)),acc}),{})};function parseValue(value){if(value){if(function isBoolean(){return["true","false"].includes(value)}())return"true"===value;if(function isNumeric(){return!Number.isNaN(+value)&&!Number.isNaN(parseFloat(value))}())return parseFloat(value);try{return JSON.parse(value)}catch(e){return value}}}function stylesStringToObj(){var str=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(!str)return{};var properties=str.split(";").map((function(v){return v.trim()})),obj={};return properties.forEach((function(property){var _property$split$map=property.split(":").map((function(v){return v.trim()})),_property$split$map2=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__.Z)(_property$split$map,2),name=_property$split$map2[0],val=_property$split$map2[1];obj[name]=val})),obj}function isJsonObj(str){try{return"object"==typeof JSON.parse(str)}catch(e){return!1}}},"./node_modules/querystring/decode.js":function(module){function hasOwnProperty(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)}module.exports=function(qs,sep,eq,options){sep=sep||"&",eq=eq||"=";var obj={};if("string"!=typeof qs||0===qs.length)return obj;var regexp=/\+/g;qs=qs.split(sep);var maxKeys=1e3;options&&"number"==typeof options.maxKeys&&(maxKeys=options.maxKeys);var len=qs.length;maxKeys>0&&len>maxKeys&&(len=maxKeys);for(var i=0;i=0?(kstr=x.substr(0,idx),vstr=x.substr(idx+1)):(kstr=x,vstr=""),k=decodeURIComponent(kstr),v=decodeURIComponent(vstr),hasOwnProperty(obj,k)?Array.isArray(obj[k])?obj[k].push(v):obj[k]=[obj[k],v]:obj[k]=v}return obj}},"./node_modules/querystring/encode.js":function(module){var stringifyPrimitive=function(v){switch(typeof v){case"string":return v;case"boolean":return v?"true":"false";case"number":return isFinite(v)?v:"";default:return""}};module.exports=function(obj,sep,eq,name){return sep=sep||"&",eq=eq||"=",null===obj&&(obj=void 0),"object"==typeof obj?Object.keys(obj).map((function(k){var ks=encodeURIComponent(stringifyPrimitive(k))+eq;return Array.isArray(obj[k])?obj[k].map((function(v){return ks+encodeURIComponent(stringifyPrimitive(v))})).join(sep):ks+encodeURIComponent(stringifyPrimitive(obj[k]))})).join(sep):name?encodeURIComponent(stringifyPrimitive(name))+eq+encodeURIComponent(stringifyPrimitive(obj)):""}},"./node_modules/querystring/index.js":function(__unused_webpack_module,exports,__webpack_require__){exports.decode=exports.parse=__webpack_require__("./node_modules/querystring/decode.js"),exports.encode=exports.stringify=__webpack_require__("./node_modules/querystring/encode.js")}}]); \ No newline at end of file diff --git a/master/custom-picker-button-src-docs-Component-stories-mdx.0e00cdd5.iframe.bundle.js b/master/custom-picker-button-src-docs-Component-stories-mdx.0e00cdd5.iframe.bundle.js new file mode 100644 index 0000000000..27591f1a58 --- /dev/null +++ b/master/custom-picker-button-src-docs-Component-stories-mdx.0e00cdd5.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[5259],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/custom-picker-button/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CONTENT_COLORS:function(){return CONTENT_COLORS},STATE_TYPES:function(){return STATE_TYPES},customPickerButton:function(){return customPickerButton},customPickerButtonDesktop:function(){return customPickerButtonDesktop},customPickerButtonMobile:function(){return customPickerButtonMobile},default:function(){return Component_stories},options:function(){return options}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),StarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/StarMIcon.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/custom-picker-button/modern/index.js"),mobile=__webpack_require__("./dist/custom-picker-button/modern/mobile.js"),desktop=__webpack_require__("./dist/custom-picker-button/modern/desktop.js"),package_namespaceObject={i8:"2.0.9"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code",p:"p",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"примеры",children:"Примеры"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,mobileHeight:640,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"const options = [{ key: 'Car' }, { key: 'Star' }, { key: 'Flower' }, { key: 'Banknote' }];\n\nconst optionsWithIcons = [\n { key: 'Car', icon: CarMIcon },\n { key: 'Star', icon: StarMIcon },\n { key: 'Flower', icon: FlowerMMIcon },\n { key: 'Banknote', icon: BanknoteMIcon },\n];\n\nrender(\n \n \n \n ,\n);\n//MOBILE\nconst options = [{ key: 'Car' }, { key: 'Star' }, { key: 'Flower' }, { key: 'Banknote' }];\n\nconst optionsWithIcons = [\n { key: 'Car', icon: CarMIcon },\n { key: 'Star', icon: StarMIcon },\n { key: 'Flower', icon: FlowerMMIcon },\n { key: 'Banknote', icon: BanknoteMIcon },\n];\n\nrender(\n \n \n \n ,\n);\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Компонент представляет из себя ",(0,jsx_runtime.jsx)(_components.a,{href:"/docs/select--docs",children:"Select"})," с ",(0,jsx_runtime.jsx)(_components.a,{href:"/docs/custombutton--docs",children:"CustomButton"})," вместо стандартного ",(0,jsx_runtime.jsx)(_components.code,{children:"field"}),"."]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_desktop=__webpack_require__("./packages/custom-picker-button/src/Component.desktop.tsx"),Component_mobile=__webpack_require__("./packages/custom-picker-button/src/Component.mobile.tsx"),Component_responsive=__webpack_require__("./packages/custom-picker-button/src/Component.responsive.tsx");function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { CustomPickerButton } from '@alfalab/core-components/custom-picker-button';\nimport { CustomPickerButtonDesktop } from '@alfalab/core-components/custom-picker-button/desktop';\nimport { CustomPickerButtonMobile } from '@alfalab/core-components/custom-picker-button/mobile';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{components:{CustomPickerButtonDesktop:Component_desktop._,CustomPickerButtonMobile:Component_mobile.p,CustomPickerButtonResponsive:Component_responsive.a}})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)},CHANGELOGraw_namespaceObject="# @alfalab/core-components-custom-picker-button\n\n## 2.0.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.1.4\n - picker-button@11.1.4\n\n## 2.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.1.3\n - picker-button@11.1.3\n\n## 2.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.1.2\n - picker-button@11.1.2\n - custom-button@3.3.4\n\n## 2.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.1.1\n - picker-button@11.1.1\n\n## 2.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@11.1.0\n - select@15.1.0\n - custom-button@3.3.3\n\n## 2.0.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.0.4\n - picker-button@11.0.4\n\n## 2.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.0.3\n - picker-button@11.0.3\n\n## 2.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@11.0.2\n - select@15.0.2\n - custom-button@3.3.2\n\n## 2.0.1\n\n### Patch Changes\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n- Добавлены недостающие зависимости в package.json\n\n- Обновлены зависимости\n - select@15.0.1\n - picker-button@11.0.1\n - custom-button@3.3.1\n\n## 2.0.0\n\n### Major Changes\n\n### [#711](https://github.com/core-ds/core-components/pull/711)\n\n- Удалена responsive точка входа\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - custom-button@3.3.0\n - mq@4.2.0\n - picker-button@11.0.0\n\n## 1.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.30\n\n## 1.0.6\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - custom-button@3.2.2\n - mq@4.1.5\n - picker-button@10.3.29\n\n## 1.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - custom-button@3.2.1\n - picker-button@10.3.28\n\n## 1.0.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.27\n\n## 1.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.26\n\n## 1.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.25\n\n## 1.0.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - custom-button@3.2.0\n\n## 1.0.0\n\n### Major Changes\n\n### [#680](https://github.com/core-ds/core-components/pull/680)\n\n- Добавлен новый компонент CustomPickerButton\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.24\n - custom-button@3.1.9\n";const options=[{key:"Заказать карту"},{key:"Выписка по счёту"},{key:"Выпустить карту"},{key:"Скопировать реквизиты"}],CONTENT_COLORS=["white","black"],STATE_TYPES=["darkening","lightening"];function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/CustomPickerButton",component:modern.CustomPickerButton,id:"CustomPickerButton"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CustomPickerButton",children:(0,jsx_runtime.jsx)(modern.CustomPickerButton,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)})}),"\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CustomPickerButtonMobile",children:(0,jsx_runtime.jsx)(mobile.CustomPickerButtonMobile,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)})}),"\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CustomPickerButtonDesktop",children:(0,jsx_runtime.jsx)(desktop.CustomPickerButtonDesktop,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)})}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"CustomPickerButton",version:package_namespaceObject.i8,package:"@alfalab/core-components/picker-button",design:"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components?type=design&node-id=86259%3A120043&t=CXazzkYWpueZquEy-1",children:"Кнопка используется для скрытия редких или одинаковых по контексту действий."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),development:(0,jsx_runtime.jsx)(development,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject})})]})}const customPickerButton=()=>(0,jsx_runtime.jsx)(modern.CustomPickerButton,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)});customPickerButton.storyName="CustomPickerButton",customPickerButton.parameters={storySource:{source:' : null} showArrow={boolean("\\u041F\\u043E\\u043A\\u0430\\u0437\\u044B\\u0432\\u0430\\u0442\\u044C \\u0441\\u0442\\u0440\\u0435\\u043B\\u043A\\u0443", true)} />'}};const customPickerButtonMobile=()=>(0,jsx_runtime.jsx)(mobile.CustomPickerButtonMobile,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)});customPickerButtonMobile.storyName="CustomPickerButtonMobile",customPickerButtonMobile.parameters={storySource:{source:' : null} showArrow={boolean("\\u041F\\u043E\\u043A\\u0430\\u0437\\u044B\\u0432\\u0430\\u0442\\u044C \\u0441\\u0442\\u0440\\u0435\\u043B\\u043A\\u0443", true)} />'}};const customPickerButtonDesktop=()=>(0,jsx_runtime.jsx)(desktop.CustomPickerButtonDesktop,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)});customPickerButtonDesktop.storyName="CustomPickerButtonDesktop",customPickerButtonDesktop.parameters={storySource:{source:' : null} showArrow={boolean("\\u041F\\u043E\\u043A\\u0430\\u0437\\u044B\\u0432\\u0430\\u0442\\u044C \\u0441\\u0442\\u0440\\u0435\\u043B\\u043A\\u0443", true)} />'}};const componentMeta={title:"Components/CustomPickerButton",id:"CustomPickerButton",component:modern.CustomPickerButton,tags:["stories-mdx"],includeStories:["customPickerButton","customPickerButtonMobile","customPickerButtonDesktop"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/custom-picker-button/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{_:function(){return CustomPickerButtonDesktop}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_picker_button_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/picker-button/modern/desktop.js"),_field__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/custom-picker-button/src/field/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["backgroundColor","contentColor","stateType"],CustomPickerButtonDesktop=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#FF45C3":_ref$backgroundColor,_ref$contentColor=_ref.contentColor,contentColor=void 0===_ref$contentColor?"white":_ref$contentColor,_ref$stateType=_ref.stateType,stateType=void 0===_ref$stateType?"darkening":_ref$stateType,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_alfalab_core_components_picker_button_desktop__WEBPACK_IMPORTED_MODULE_1__.PickerButtonDesktop,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},restProps),{},{fieldProps:{backgroundColor:backgroundColor,contentColor:contentColor,stateType:stateType,breakpoint:1},Field:_field__WEBPACK_IMPORTED_MODULE_2__.g,ref:ref}))}));try{CustomPickerButtonDesktop.displayName="CustomPickerButtonDesktop",CustomPickerButtonDesktop.__docgenInfo={description:"",displayName:"CustomPickerButtonDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер кнопки",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"Показать лоадер",name:"loading",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"Атрибут id",name:"id",required:!1,type:{name:"string"}},onBlur:{defaultValue:null,description:"Обработчик фокуса поля",name:"onBlur",required:!1,type:{name:"((event: FocusEvent) => void)"}},onChange:{defaultValue:null,description:"Обработчик выбора",name:"onChange",required:!1,type:{name:"((payload: BaseSelectChangePayload) => void)"}},onScroll:{defaultValue:null,description:"Обработчик скрола",name:"onScroll",required:!1,type:{name:"((event: MouseEvent) => void)"}},disabled:{defaultValue:null,description:"Управление возможностью выбора значения",name:"disabled",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"Атрибут name",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},onOpen:{defaultValue:null,description:"Обработчик открытия\\закрытия селекта",name:"onOpen",required:!1,type:{name:"((payload: { open?: boolean; name?: string; }) => void) | undefined"}},open:{defaultValue:null,description:"Управление открытием",name:"open",required:!1,type:{name:"boolean"}},updatePopover:{defaultValue:null,description:"Хранит функцию, с помощью которой можно обновить положение поповера",name:"updatePopover",required:!1,type:{name:"MutableRefObject<() => void>"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Тип кнопки",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"compact"'}]}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},Field:{defaultValue:null,description:"Компонент поля",name:"Field",required:!1,type:{name:"FC"}},nativeSelect:{defaultValue:null,description:"Рендерит нативный селект вместо выпадающего меню. (на десктопе использовать только с multiple=false)",name:"nativeSelect",required:!1,type:{name:"boolean"}},optionsListClassName:{defaultValue:null,description:"Дополнительный класс выпадающего меню",name:"optionsListClassName",required:!1,type:{name:"string"}},optionClassName:{defaultValue:null,description:"Дополнительный класс для пункта меню",name:"optionClassName",required:!1,type:{name:"string"}},optionGroupClassName:{defaultValue:null,description:"Дополнительный класс для компонента группы пунктов",name:"optionGroupClassName",required:!1,type:{name:"string"}},popperClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popperClassName",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"((OptionShape | GroupShape) & { icon?: FC> | undefined; })[]"}},defaultOpen:{defaultValue:null,description:"Начальное состояние селекта",name:"defaultOpen",required:!1,type:{name:"boolean"}},optionsSize:{defaultValue:null,description:"Размер пунктов меню",name:"optionsSize",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},optionsListWidth:{defaultValue:null,description:"Управляет шириной выпадающего меню.\nШирину определяет контент, либо ширина равна ширине поля",name:"optionsListWidth",required:!1,type:{name:"enum",value:[{value:'"content"'},{value:'"field"'}]}},circularNavigation:{defaultValue:null,description:"При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.",name:"circularNavigation",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование выпадающего списка",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},visibleOptions:{defaultValue:null,description:"Количество видимых пунктов меню (5 = 5.5)",name:"visibleOptions",required:!1,type:{name:"number"}},valueRenderer:{defaultValue:null,description:"Кастомный рендер выбранного пункта",name:"valueRenderer",required:!1,type:{name:"(({ selected, selectedMultiple, }: { selected?: OptionShape; selectedMultiple: OptionShape[]; }) => ReactNode)"}},fieldProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент поля",name:"fieldProps",required:!1,type:{name:"unknown"}},optionsListProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент списка",name:"optionsListProps",required:!1,type:{name:"unknown"}},optionProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент пункта меню",name:"optionProps",required:!1,type:{name:"unknown"}},OptionsList:{defaultValue:null,description:"Компонент выпадающего меню",name:"OptionsList",required:!1,type:{name:"FC>"}},Optgroup:{defaultValue:null,description:"Компонент группы",name:"Optgroup",required:!1,type:{name:"FC"}},Option:{defaultValue:null,description:"Компонент пункта меню",name:"Option",required:!1,type:{name:"FC"}},showSearch:{defaultValue:null,description:"Включает отображение поиска",name:"showSearch",required:!1,type:{name:"boolean"}},Search:{defaultValue:null,description:"Компонент поиска",name:"Search",required:!1,type:{name:'FC & { breakpoint?: number; defaultMatchMediaValue?: boolean | (() => boolean); } & RefAttributes<...>> | undefined'}},searchProps:{defaultValue:null,description:"Настройки поиска",name:"searchProps",required:!1,type:{name:"{ componentProps?: InputProps; accessor?: ((option: OptionShape) => string); value?: string | undefined; onChange?: ((value: string) => void) | undefined; } | undefined"}},zIndexPopover:{defaultValue:null,description:"z-index поповера",name:"zIndexPopover",required:!1,type:{name:"number"}},showEmptyOptionsList:{defaultValue:null,description:"Показывать OptionsList, если он пустой",name:"showEmptyOptionsList",required:!1,type:{name:"boolean"}},showArrow:{defaultValue:{value:"true"},description:"Показывать стрелку",name:"showArrow",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:{value:"#FF45C3"},description:"Цвет кнопки",name:"backgroundColor",required:!1,type:{name:"string"}},contentColor:{defaultValue:{value:"white"},description:"Цвет контента",name:"contentColor",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"black"'},{value:'"static-black"'},{value:'"static-white"'}]}},stateType:{defaultValue:{value:"darkening"},description:"Затемнение или осветление кнопки при hover и active",name:"stateType",required:!1,type:{name:"enum",value:[{value:'"darkening"'},{value:'"lightening"'},{value:'"static-darkening"'},{value:'"static-lightening"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/custom-picker-button/src/Component.desktop.tsx#CustomPickerButtonDesktop"]={docgenInfo:CustomPickerButtonDesktop.__docgenInfo,name:"CustomPickerButtonDesktop",path:"packages/custom-picker-button/src/Component.desktop.tsx#CustomPickerButtonDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/custom-picker-button/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{p:function(){return CustomPickerButtonMobile}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_picker_button_mobile__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/picker-button/modern/mobile.js"),_field__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/custom-picker-button/src/field/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["backgroundColor","contentColor","stateType"],CustomPickerButtonMobile=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#FF45C3":_ref$backgroundColor,_ref$contentColor=_ref.contentColor,contentColor=void 0===_ref$contentColor?"white":_ref$contentColor,_ref$stateType=_ref.stateType,stateType=void 0===_ref$stateType?"darkening":_ref$stateType,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_alfalab_core_components_picker_button_mobile__WEBPACK_IMPORTED_MODULE_1__.PickerButtonMobile,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},restProps),{},{fieldProps:{backgroundColor:backgroundColor,contentColor:contentColor,stateType:stateType},Field:_field__WEBPACK_IMPORTED_MODULE_2__.g,ref:ref}))}));try{CustomPickerButtonMobile.displayName="CustomPickerButtonMobile",CustomPickerButtonMobile.__docgenInfo={description:"",displayName:"CustomPickerButtonMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка для кнопки, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер кнопки",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"Показать лоадер",name:"loading",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"Атрибут id",name:"id",required:!1,type:{name:"string"}},onBlur:{defaultValue:null,description:"Обработчик фокуса поля",name:"onBlur",required:!1,type:{name:"((event: FocusEvent) => void)"}},onChange:{defaultValue:null,description:"Обработчик выбора",name:"onChange",required:!1,type:{name:"((payload: BaseSelectChangePayload) => void)"}},disabled:{defaultValue:null,description:"Управление возможностью выбора значения",name:"disabled",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"Атрибут name",name:"name",required:!1,type:{name:"string"}},footer:{defaultValue:null,description:"Футер\n@deprecated Используйте bottomSheetProps.actionButton",name:"footer",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},onOpen:{defaultValue:null,description:"Обработчик открытия\\закрытия селекта",name:"onOpen",required:!1,type:{name:"((payload: { open?: boolean; name?: string; }) => void) | undefined"}},open:{defaultValue:null,description:"Управление открытием",name:"open",required:!1,type:{name:"boolean"}},updatePopover:{defaultValue:null,description:"Хранит функцию, с помощью которой можно обновить положение поповера",name:"updatePopover",required:!1,type:{name:"MutableRefObject<() => void>"}},bottomSheetProps:{defaultValue:null,description:"Дополнительные пропсы шторки",name:"bottomSheetProps",required:!1,type:{name:"Partial"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Тип кнопки",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"compact"'}]}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},swipeable:{defaultValue:null,description:"Будет ли свайпаться шторка\n@deprecated Используйте bottomSheetProps.swipeable",name:"swipeable",required:!1,type:{name:"boolean"}},showClear:{defaultValue:null,description:"Показывать кнопку очистки",name:"showClear",required:!1,type:{name:"boolean"}},Field:{defaultValue:null,description:"Компонент поля",name:"Field",required:!1,type:{name:"FC"}},nativeSelect:{defaultValue:null,description:"Рендерит нативный селект вместо выпадающего меню. (на десктопе использовать только с multiple=false)",name:"nativeSelect",required:!1,type:{name:"boolean"}},optionsListClassName:{defaultValue:null,description:"Дополнительный класс выпадающего меню",name:"optionsListClassName",required:!1,type:{name:"string"}},optionClassName:{defaultValue:null,description:"Дополнительный класс для пункта меню",name:"optionClassName",required:!1,type:{name:"string"}},optionGroupClassName:{defaultValue:null,description:"Дополнительный класс для компонента группы пунктов",name:"optionGroupClassName",required:!1,type:{name:"string"}},popperClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popperClassName",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"((OptionShape | GroupShape) & { icon?: FC> | undefined; })[]"}},defaultOpen:{defaultValue:null,description:"Начальное состояние селекта",name:"defaultOpen",required:!1,type:{name:"boolean"}},optionsSize:{defaultValue:null,description:"Размер пунктов меню",name:"optionsSize",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},optionsListWidth:{defaultValue:null,description:"Управляет шириной выпадающего меню.\nШирину определяет контент, либо ширина равна ширине поля",name:"optionsListWidth",required:!1,type:{name:"enum",value:[{value:'"content"'},{value:'"field"'}]}},circularNavigation:{defaultValue:null,description:"При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.",name:"circularNavigation",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование выпадающего списка",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},visibleOptions:{defaultValue:null,description:"Количество видимых пунктов меню (5 = 5.5)",name:"visibleOptions",required:!1,type:{name:"number"}},valueRenderer:{defaultValue:null,description:"Кастомный рендер выбранного пункта",name:"valueRenderer",required:!1,type:{name:"(({ selected, selectedMultiple, }: { selected?: OptionShape; selectedMultiple: OptionShape[]; }) => ReactNode)"}},fieldProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент поля",name:"fieldProps",required:!1,type:{name:"unknown"}},optionsListProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент списка",name:"optionsListProps",required:!1,type:{name:"unknown"}},optionProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент пункта меню",name:"optionProps",required:!1,type:{name:"unknown"}},Optgroup:{defaultValue:null,description:"Компонент группы",name:"Optgroup",required:!1,type:{name:"FC"}},Option:{defaultValue:null,description:"Компонент пункта меню",name:"Option",required:!1,type:{name:"FC"}},showSearch:{defaultValue:null,description:"Включает отображение поиска",name:"showSearch",required:!1,type:{name:"boolean"}},Search:{defaultValue:null,description:"Компонент поиска",name:"Search",required:!1,type:{name:'FC & { breakpoint?: number; defaultMatchMediaValue?: boolean | (() => boolean); } & RefAttributes<...>> | undefined'}},searchProps:{defaultValue:null,description:"Настройки поиска",name:"searchProps",required:!1,type:{name:"{ componentProps?: InputProps; accessor?: ((option: OptionShape) => string); value?: string | undefined; onChange?: ((value: string) => void) | undefined; } | undefined"}},zIndexPopover:{defaultValue:null,description:"z-index поповера",name:"zIndexPopover",required:!1,type:{name:"number"}},showEmptyOptionsList:{defaultValue:null,description:"Показывать OptionsList, если он пустой",name:"showEmptyOptionsList",required:!1,type:{name:"boolean"}},showArrow:{defaultValue:{value:"true"},description:"Показывать стрелку",name:"showArrow",required:!1,type:{name:"boolean"}},showSelectAll:{defaultValue:null,description:'Показывать пункт "Выбрать все"',name:"showSelectAll",required:!1,type:{name:"boolean"}},showHeaderWithSelectAll:{defaultValue:null,description:'Показывать пункт "Выбрать все" в заголовке списка',name:"showHeaderWithSelectAll",required:!1,type:{name:"boolean"}},useWithApplyHook:{defaultValue:null,description:"Использовать ли хук useSelectWithApply",name:"useWithApplyHook",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:{value:"#FF45C3"},description:"Цвет кнопки",name:"backgroundColor",required:!1,type:{name:"string"}},contentColor:{defaultValue:{value:"white"},description:"Цвет контента",name:"contentColor",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"black"'},{value:'"static-black"'},{value:'"static-white"'}]}},stateType:{defaultValue:{value:"darkening"},description:"Затемнение или осветление кнопки при hover и active",name:"stateType",required:!1,type:{name:"enum",value:[{value:'"darkening"'},{value:'"lightening"'},{value:'"static-darkening"'},{value:'"static-lightening"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/custom-picker-button/src/Component.mobile.tsx#CustomPickerButtonMobile"]={docgenInfo:CustomPickerButtonMobile.__docgenInfo,name:"CustomPickerButtonMobile",path:"packages/custom-picker-button/src/Component.mobile.tsx#CustomPickerButtonMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/custom-picker-button/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{a:function(){return CustomPickerButtonResponsive}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/mq/modern/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/custom-picker-button/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/custom-picker-button/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["OptionsList","onScroll","footer","swipeable","bottomSheetProps","breakpoint"],CustomPickerButtonResponsive=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var OptionsList=_ref.OptionsList,onScroll=_ref.onScroll,footer=_ref.footer,swipeable=_ref.swipeable,bottomSheetProps=_ref.bottomSheetProps,_ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_ref,_excluded),query="(min-width: ".concat(breakpoint,"px)"),_useMatchMedia=(0,_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__.useMatchMedia)(query);return(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMatchMedia,1)[0]?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Component_desktop__WEBPACK_IMPORTED_MODULE_2__._,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({ref:ref,OptionsList:OptionsList,onScroll:onScroll},restProps)):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Component_mobile__WEBPACK_IMPORTED_MODULE_3__.p,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({ref:ref,footer:footer,swipeable:swipeable,bottomSheetProps:bottomSheetProps},restProps))}));try{CustomPickerButtonResponsive.displayName="CustomPickerButtonResponsive",CustomPickerButtonResponsive.__docgenInfo={description:"",displayName:"CustomPickerButtonResponsive",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер кнопки",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"Показать лоадер",name:"loading",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"Атрибут id",name:"id",required:!1,type:{name:"string"}},onBlur:{defaultValue:null,description:"Обработчик фокуса поля",name:"onBlur",required:!1,type:{name:"((event: FocusEvent) => void)"}},onChange:{defaultValue:null,description:"Обработчик выбора",name:"onChange",required:!1,type:{name:"((payload: BaseSelectChangePayload) => void)"}},onScroll:{defaultValue:null,description:"Обработчик скрола",name:"onScroll",required:!1,type:{name:"((event: MouseEvent) => void)"}},disabled:{defaultValue:null,description:"Управление возможностью выбора значения",name:"disabled",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"Атрибут name",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},onOpen:{defaultValue:null,description:"Обработчик открытия\\закрытия селекта",name:"onOpen",required:!1,type:{name:"((payload: { open?: boolean; name?: string; }) => void) | undefined"}},open:{defaultValue:null,description:"Управление открытием",name:"open",required:!1,type:{name:"boolean"}},updatePopover:{defaultValue:null,description:"Хранит функцию, с помощью которой можно обновить положение поповера",name:"updatePopover",required:!1,type:{name:"MutableRefObject<() => void>"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Тип кнопки",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"compact"'}]}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},Field:{defaultValue:null,description:"Компонент поля",name:"Field",required:!1,type:{name:"FC"}},nativeSelect:{defaultValue:null,description:"Рендерит нативный селект вместо выпадающего меню. (на десктопе использовать только с multiple=false)",name:"nativeSelect",required:!1,type:{name:"boolean"}},optionsListClassName:{defaultValue:null,description:"Дополнительный класс выпадающего меню",name:"optionsListClassName",required:!1,type:{name:"string"}},optionClassName:{defaultValue:null,description:"Дополнительный класс для пункта меню",name:"optionClassName",required:!1,type:{name:"string"}},optionGroupClassName:{defaultValue:null,description:"Дополнительный класс для компонента группы пунктов",name:"optionGroupClassName",required:!1,type:{name:"string"}},popperClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popperClassName",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"((OptionShape | GroupShape) & { icon?: FC> | undefined; })[]"}},defaultOpen:{defaultValue:null,description:"Начальное состояние селекта",name:"defaultOpen",required:!1,type:{name:"boolean"}},optionsSize:{defaultValue:null,description:"Размер пунктов меню",name:"optionsSize",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},optionsListWidth:{defaultValue:null,description:"Управляет шириной выпадающего меню.\nШирину определяет контент, либо ширина равна ширине поля",name:"optionsListWidth",required:!1,type:{name:"enum",value:[{value:'"content"'},{value:'"field"'}]}},circularNavigation:{defaultValue:null,description:"При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.",name:"circularNavigation",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование выпадающего списка",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},visibleOptions:{defaultValue:null,description:"Количество видимых пунктов меню (5 = 5.5)",name:"visibleOptions",required:!1,type:{name:"number"}},valueRenderer:{defaultValue:null,description:"Кастомный рендер выбранного пункта",name:"valueRenderer",required:!1,type:{name:"(({ selected, selectedMultiple, }: { selected?: OptionShape; selectedMultiple: OptionShape[]; }) => ReactNode)"}},fieldProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент поля",name:"fieldProps",required:!1,type:{name:"unknown"}},optionsListProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент списка",name:"optionsListProps",required:!1,type:{name:"unknown"}},optionProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент пункта меню",name:"optionProps",required:!1,type:{name:"unknown"}},OptionsList:{defaultValue:null,description:"Компонент выпадающего меню",name:"OptionsList",required:!1,type:{name:"FC>"}},Optgroup:{defaultValue:null,description:"Компонент группы",name:"Optgroup",required:!1,type:{name:"FC"}},Option:{defaultValue:null,description:"Компонент пункта меню",name:"Option",required:!1,type:{name:"FC"}},showSearch:{defaultValue:null,description:"Включает отображение поиска",name:"showSearch",required:!1,type:{name:"boolean"}},Search:{defaultValue:null,description:"Компонент поиска",name:"Search",required:!1,type:{name:'FC & { breakpoint?: number; defaultMatchMediaValue?: boolean | (() => boolean); } & RefAttributes<...>> | undefined'}},searchProps:{defaultValue:null,description:"Настройки поиска",name:"searchProps",required:!1,type:{name:"{ componentProps?: InputProps; accessor?: ((option: OptionShape) => string); value?: string | undefined; onChange?: ((value: string) => void) | undefined; } | undefined"}},zIndexPopover:{defaultValue:null,description:"z-index поповера",name:"zIndexPopover",required:!1,type:{name:"number"}},showEmptyOptionsList:{defaultValue:null,description:"Показывать OptionsList, если он пустой",name:"showEmptyOptionsList",required:!1,type:{name:"boolean"}},showArrow:{defaultValue:{value:"true"},description:"Показывать стрелку",name:"showArrow",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:null,description:"Цвет кнопки",name:"backgroundColor",required:!1,type:{name:"string"}},contentColor:{defaultValue:null,description:"Цвет контента",name:"contentColor",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"black"'},{value:'"static-black"'},{value:'"static-white"'}]}},stateType:{defaultValue:null,description:"Затемнение или осветление кнопки при hover и active",name:"stateType",required:!1,type:{name:"enum",value:[{value:'"darkening"'},{value:'"lightening"'},{value:'"static-darkening"'},{value:'"static-lightening"'}]}},footer:{defaultValue:null,description:"Футер\n@deprecated Используйте bottomSheetProps.actionButton",name:"footer",required:!1,type:{name:"ReactNode"}},swipeable:{defaultValue:null,description:"Будет ли свайпаться шторка\n@deprecated Используйте bottomSheetProps.swipeable",name:"swipeable",required:!1,type:{name:"boolean"}},bottomSheetProps:{defaultValue:null,description:"Дополнительные пропсы шторки",name:"bottomSheetProps",required:!1,type:{name:"Partial"}},showClear:{defaultValue:null,description:"Показывать кнопку очистки",name:"showClear",required:!1,type:{name:"boolean"}},showSelectAll:{defaultValue:null,description:'Показывать пункт "Выбрать все"',name:"showSelectAll",required:!1,type:{name:"boolean"}},showHeaderWithSelectAll:{defaultValue:null,description:'Показывать пункт "Выбрать все" в заголовке списка',name:"showHeaderWithSelectAll",required:!1,type:{name:"boolean"}},useWithApplyHook:{defaultValue:null,description:"Использовать ли хук useSelectWithApply",name:"useWithApplyHook",required:!1,type:{name:"boolean"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/custom-picker-button/src/Component.responsive.tsx#CustomPickerButtonResponsive"]={docgenInfo:CustomPickerButtonResponsive.__docgenInfo,name:"CustomPickerButtonResponsive",path:"packages/custom-picker-button/src/Component.responsive.tsx#CustomPickerButtonResponsive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/custom-picker-button/src/field/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{g:function(){return Field}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),modern=__webpack_require__("./dist/custom-button/modern/index.js"),shared=__webpack_require__("./dist/picker-button/modern/shared.js"),index_module_iconContainer="iconContainer_W__rv",index_module_addonsContainer="addonsContainer_htSPQ",index_module_showControlIcon="showControlIcon_GlNvQ",index_module_open="open_NAwCF",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["buttonSize","buttonVariant","backgroundColor","contentColor","stateType","label","open","rightAddons","innerProps","className","showArrow"],Field=function Field(_ref){var _ref$buttonSize=_ref.buttonSize,buttonSize=void 0===_ref$buttonSize?"m":_ref$buttonSize,_ref$buttonVariant=_ref.buttonVariant,buttonVariant=void 0===_ref$buttonVariant?"default":_ref$buttonVariant,backgroundColor=_ref.backgroundColor,contentColor=_ref.contentColor,stateType=_ref.stateType,label=_ref.label,open=_ref.open,rightAddons=_ref.rightAddons,innerProps=_ref.innerProps,className=_ref.className,_ref$showArrow=_ref.showArrow,showArrow=void 0===_ref$showArrow||_ref$showArrow,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),Icon=(0,shared.getIcon)(buttonVariant,buttonSize),buttonProps=(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),innerProps);return(0,jsx_runtime.jsx)(modern.CustomButton,(0,objectSpread2.Z)((0,objectSpread2.Z)({},buttonProps),{},{rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module_addonsContainer,(0,defineProperty.Z)({},index_module_showControlIcon,showArrow||"compact"===buttonVariant)),children:rightAddons}),(showArrow||"compact"===buttonVariant)&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module_iconContainer,"compact"!==buttonVariant&&open&&index_module_open),children:(0,jsx_runtime.jsx)(Icon,{"data-test-id":"custom-picker-button-icon"})})]}),block:!0,size:buttonSize,backgroundColor:backgroundColor,contentColor:contentColor,stateType:stateType,className:className,children:"compact"!==buttonVariant&&label}))};try{Field.displayName="Field",Field.__docgenInfo={description:"",displayName:"Field",props:{label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},open:{defaultValue:null,description:"Флаг, открыто ли меню",name:"open",required:!1,type:{name:"boolean"}},innerProps:{defaultValue:null,description:"Внутренние свойства, которые должны быть установлены компоненту.",name:"innerProps",required:!0,type:{name:"{ onBlur?: ((event: FocusEvent) => void) | undefined; onFocus?: ((event: FocusEvent) => void) | undefined; onClick?: ((event: MouseEvent<...>) => void) | undefined; tabIndex?: number | undefined; id: string; } & RefAttributes<......"}},leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"Дочерние элементы.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:{value:"m"},description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:{value:"false"},description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},spinnerClassName:{defaultValue:null,description:"Дополнительный класс для спиннера",name:"spinnerClassName",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"Выводит ссылку в виде кнопки",name:"href",required:!1,type:{name:"string"}},Component:{defaultValue:null,description:"Позволяет использовать кастомный компонент для кнопки (например Link из роутера)",name:"Component",required:!1,type:{name:"ElementType"}},loading:{defaultValue:{value:"false"},description:"Показать лоадер",name:"loading",required:!1,type:{name:"boolean"}},nowrap:{defaultValue:{value:"false"},description:"Не переносить текст кнопки на новую строку",name:"nowrap",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:null,description:"Цвет кнопки",name:"backgroundColor",required:!1,type:{name:"string"}},contentColor:{defaultValue:null,description:"Цвет контента",name:"contentColor",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"black"'},{value:'"static-black"'},{value:'"static-white"'}]}},stateType:{defaultValue:null,description:"Затемнение или осветление кнопки при hover и active",name:"stateType",required:!1,type:{name:"enum",value:[{value:'"darkening"'},{value:'"lightening"'},{value:'"static-darkening"'},{value:'"static-lightening"'}]}},buttonSize:{defaultValue:{value:"m"},description:"",name:"buttonSize",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},buttonVariant:{defaultValue:{value:"default"},description:"",name:"buttonVariant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"compact"'}]}},showArrow:{defaultValue:{value:"true"},description:"",name:"showArrow",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/custom-picker-button/src/field/Component.tsx#Field"]={docgenInfo:Field.__docgenInfo,name:"Field",path:"packages/custom-picker-button/src/field/Component.tsx#Field"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/custom-picker-button-src-docs-Component-stories-mdx.9dd69719.iframe.bundle.js b/master/custom-picker-button-src-docs-Component-stories-mdx.9dd69719.iframe.bundle.js deleted file mode 100644 index fde9e1145b..0000000000 --- a/master/custom-picker-button-src-docs-Component-stories-mdx.9dd69719.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[5259],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/custom-picker-button/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CONTENT_COLORS:function(){return CONTENT_COLORS},STATE_TYPES:function(){return STATE_TYPES},customPickerButton:function(){return customPickerButton},customPickerButtonDesktop:function(){return customPickerButtonDesktop},customPickerButtonMobile:function(){return customPickerButtonMobile},default:function(){return Component_stories},options:function(){return options}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),StarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/StarMIcon.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/custom-picker-button/modern/index.js"),mobile=__webpack_require__("./dist/custom-picker-button/modern/mobile.js"),desktop=__webpack_require__("./dist/custom-picker-button/modern/desktop.js"),package_namespaceObject={i8:"2.0.8"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code",p:"p",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"примеры",children:"Примеры"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,mobileHeight:640,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"const options = [{ key: 'Car' }, { key: 'Star' }, { key: 'Flower' }, { key: 'Banknote' }];\n\nconst optionsWithIcons = [\n { key: 'Car', icon: CarMIcon },\n { key: 'Star', icon: StarMIcon },\n { key: 'Flower', icon: FlowerMMIcon },\n { key: 'Banknote', icon: BanknoteMIcon },\n];\n\nrender(\n \n \n \n ,\n);\n//MOBILE\nconst options = [{ key: 'Car' }, { key: 'Star' }, { key: 'Flower' }, { key: 'Banknote' }];\n\nconst optionsWithIcons = [\n { key: 'Car', icon: CarMIcon },\n { key: 'Star', icon: StarMIcon },\n { key: 'Flower', icon: FlowerMMIcon },\n { key: 'Banknote', icon: BanknoteMIcon },\n];\n\nrender(\n \n \n \n ,\n);\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Компонент представляет из себя ",(0,jsx_runtime.jsx)(_components.a,{href:"/docs/select--docs",children:"Select"})," с ",(0,jsx_runtime.jsx)(_components.a,{href:"/docs/custombutton--docs",children:"CustomButton"})," вместо стандартного ",(0,jsx_runtime.jsx)(_components.code,{children:"field"}),"."]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_desktop=__webpack_require__("./packages/custom-picker-button/src/Component.desktop.tsx"),Component_mobile=__webpack_require__("./packages/custom-picker-button/src/Component.mobile.tsx"),Component_responsive=__webpack_require__("./packages/custom-picker-button/src/Component.responsive.tsx");function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { CustomPickerButton } from '@alfalab/core-components/custom-picker-button';\nimport { CustomPickerButtonDesktop } from '@alfalab/core-components/custom-picker-button/desktop';\nimport { CustomPickerButtonMobile } from '@alfalab/core-components/custom-picker-button/mobile';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{components:{CustomPickerButtonDesktop:Component_desktop._,CustomPickerButtonMobile:Component_mobile.p,CustomPickerButtonResponsive:Component_responsive.a}})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)},CHANGELOGraw_namespaceObject="# @alfalab/core-components-custom-picker-button\n\n## 2.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.1.3\n - picker-button@11.1.3\n\n## 2.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.1.2\n - picker-button@11.1.2\n - custom-button@3.3.4\n\n## 2.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.1.1\n - picker-button@11.1.1\n\n## 2.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@11.1.0\n - select@15.1.0\n - custom-button@3.3.3\n\n## 2.0.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.0.4\n - picker-button@11.0.4\n\n## 2.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.0.3\n - picker-button@11.0.3\n\n## 2.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@11.0.2\n - select@15.0.2\n - custom-button@3.3.2\n\n## 2.0.1\n\n### Patch Changes\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n- Добавлены недостающие зависимости в package.json\n\n- Обновлены зависимости\n - select@15.0.1\n - picker-button@11.0.1\n - custom-button@3.3.1\n\n## 2.0.0\n\n### Major Changes\n\n### [#711](https://github.com/core-ds/core-components/pull/711)\n\n- Удалена responsive точка входа\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - custom-button@3.3.0\n - mq@4.2.0\n - picker-button@11.0.0\n\n## 1.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.30\n\n## 1.0.6\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - custom-button@3.2.2\n - mq@4.1.5\n - picker-button@10.3.29\n\n## 1.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - custom-button@3.2.1\n - picker-button@10.3.28\n\n## 1.0.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.27\n\n## 1.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.26\n\n## 1.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.25\n\n## 1.0.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - custom-button@3.2.0\n\n## 1.0.0\n\n### Major Changes\n\n### [#680](https://github.com/core-ds/core-components/pull/680)\n\n- Добавлен новый компонент CustomPickerButton\n\n### Patch Changes\n\n- Обновлены зависимости\n - picker-button@10.3.24\n - custom-button@3.1.9\n";const options=[{key:"Заказать карту"},{key:"Выписка по счёту"},{key:"Выпустить карту"},{key:"Скопировать реквизиты"}],CONTENT_COLORS=["white","black"],STATE_TYPES=["darkening","lightening"];function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/CustomPickerButton",component:modern.CustomPickerButton,id:"CustomPickerButton"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CustomPickerButton",children:(0,jsx_runtime.jsx)(modern.CustomPickerButton,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)})}),"\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CustomPickerButtonMobile",children:(0,jsx_runtime.jsx)(mobile.CustomPickerButtonMobile,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)})}),"\n",(0,jsx_runtime.jsx)(dist.oG,{name:"CustomPickerButtonDesktop",children:(0,jsx_runtime.jsx)(desktop.CustomPickerButtonDesktop,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)})}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"CustomPickerButton",version:package_namespaceObject.i8,package:"@alfalab/core-components/picker-button",design:"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components?type=design&node-id=86259%3A120043&t=CXazzkYWpueZquEy-1",children:"Кнопка используется для скрытия редких или одинаковых по контексту действий."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),development:(0,jsx_runtime.jsx)(development,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject})})]})}const customPickerButton=()=>(0,jsx_runtime.jsx)(modern.CustomPickerButton,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)});customPickerButton.storyName="CustomPickerButton",customPickerButton.parameters={storySource:{source:' : null} showArrow={boolean("\\u041F\\u043E\\u043A\\u0430\\u0437\\u044B\\u0432\\u0430\\u0442\\u044C \\u0441\\u0442\\u0440\\u0435\\u043B\\u043A\\u0443", true)} />'}};const customPickerButtonMobile=()=>(0,jsx_runtime.jsx)(mobile.CustomPickerButtonMobile,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)});customPickerButtonMobile.storyName="CustomPickerButtonMobile",customPickerButtonMobile.parameters={storySource:{source:' : null} showArrow={boolean("\\u041F\\u043E\\u043A\\u0430\\u0437\\u044B\\u0432\\u0430\\u0442\\u044C \\u0441\\u0442\\u0440\\u0435\\u043B\\u043A\\u0443", true)} />'}};const customPickerButtonDesktop=()=>(0,jsx_runtime.jsx)(desktop.CustomPickerButtonDesktop,{backgroundColor:(0,addon_knobs_dist.color)("backgroundColor","#FF45C3"),contentColor:(0,addon_knobs_dist.select)("contentColor",CONTENT_COLORS,"white"),stateType:(0,addon_knobs_dist.select)("stateType",STATE_TYPES,"darkening"),options:options,label:(0,addon_knobs_dist.text)("label","Действие"),size:(0,addon_knobs_dist.select)("size",["xxs","xs","s","m","l","xl"],"m"),variant:(0,addon_knobs_dist.select)("variant",["default","compact"]),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),loading:(0,addon_knobs_dist.boolean)("loading",!1),leftAddons:(0,addon_knobs_dist.boolean)("Иконка слева",!1)?(0,jsx_runtime.jsx)(StarMIcon.StarMIcon,{}):null,showArrow:(0,addon_knobs_dist.boolean)("Показывать стрелку",!0)});customPickerButtonDesktop.storyName="CustomPickerButtonDesktop",customPickerButtonDesktop.parameters={storySource:{source:' : null} showArrow={boolean("\\u041F\\u043E\\u043A\\u0430\\u0437\\u044B\\u0432\\u0430\\u0442\\u044C \\u0441\\u0442\\u0440\\u0435\\u043B\\u043A\\u0443", true)} />'}};const componentMeta={title:"Components/CustomPickerButton",id:"CustomPickerButton",component:modern.CustomPickerButton,tags:["stories-mdx"],includeStories:["customPickerButton","customPickerButtonMobile","customPickerButtonDesktop"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/custom-picker-button/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{_:function(){return CustomPickerButtonDesktop}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_picker_button_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/picker-button/modern/desktop.js"),_field__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/custom-picker-button/src/field/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["backgroundColor","contentColor","stateType"],CustomPickerButtonDesktop=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#FF45C3":_ref$backgroundColor,_ref$contentColor=_ref.contentColor,contentColor=void 0===_ref$contentColor?"white":_ref$contentColor,_ref$stateType=_ref.stateType,stateType=void 0===_ref$stateType?"darkening":_ref$stateType,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_alfalab_core_components_picker_button_desktop__WEBPACK_IMPORTED_MODULE_1__.PickerButtonDesktop,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},restProps),{},{fieldProps:{backgroundColor:backgroundColor,contentColor:contentColor,stateType:stateType,breakpoint:1},Field:_field__WEBPACK_IMPORTED_MODULE_2__.g,ref:ref}))}));try{CustomPickerButtonDesktop.displayName="CustomPickerButtonDesktop",CustomPickerButtonDesktop.__docgenInfo={description:"",displayName:"CustomPickerButtonDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер кнопки",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"Показать лоадер",name:"loading",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"Атрибут id",name:"id",required:!1,type:{name:"string"}},onBlur:{defaultValue:null,description:"Обработчик фокуса поля",name:"onBlur",required:!1,type:{name:"((event: FocusEvent) => void)"}},onChange:{defaultValue:null,description:"Обработчик выбора",name:"onChange",required:!1,type:{name:"((payload: BaseSelectChangePayload) => void)"}},onScroll:{defaultValue:null,description:"Обработчик скрола",name:"onScroll",required:!1,type:{name:"((event: MouseEvent) => void)"}},disabled:{defaultValue:null,description:"Управление возможностью выбора значения",name:"disabled",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"Атрибут name",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},onOpen:{defaultValue:null,description:"Обработчик открытия\\закрытия селекта",name:"onOpen",required:!1,type:{name:"((payload: { open?: boolean; name?: string; }) => void) | undefined"}},open:{defaultValue:null,description:"Управление открытием",name:"open",required:!1,type:{name:"boolean"}},updatePopover:{defaultValue:null,description:"Хранит функцию, с помощью которой можно обновить положение поповера",name:"updatePopover",required:!1,type:{name:"MutableRefObject<() => void>"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Тип кнопки",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"compact"'}]}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},Field:{defaultValue:null,description:"Компонент поля",name:"Field",required:!1,type:{name:"FC"}},nativeSelect:{defaultValue:null,description:"Рендерит нативный селект вместо выпадающего меню. (на десктопе использовать только с multiple=false)",name:"nativeSelect",required:!1,type:{name:"boolean"}},optionsListClassName:{defaultValue:null,description:"Дополнительный класс выпадающего меню",name:"optionsListClassName",required:!1,type:{name:"string"}},optionClassName:{defaultValue:null,description:"Дополнительный класс для пункта меню",name:"optionClassName",required:!1,type:{name:"string"}},optionGroupClassName:{defaultValue:null,description:"Дополнительный класс для компонента группы пунктов",name:"optionGroupClassName",required:!1,type:{name:"string"}},popperClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popperClassName",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"((OptionShape | GroupShape) & { icon?: FC> | undefined; })[]"}},defaultOpen:{defaultValue:null,description:"Начальное состояние селекта",name:"defaultOpen",required:!1,type:{name:"boolean"}},optionsSize:{defaultValue:null,description:"Размер пунктов меню",name:"optionsSize",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},optionsListWidth:{defaultValue:null,description:"Управляет шириной выпадающего меню.\nШирину определяет контент, либо ширина равна ширине поля",name:"optionsListWidth",required:!1,type:{name:"enum",value:[{value:'"content"'},{value:'"field"'}]}},circularNavigation:{defaultValue:null,description:"При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.",name:"circularNavigation",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование выпадающего списка",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},visibleOptions:{defaultValue:null,description:"Количество видимых пунктов меню (5 = 5.5)",name:"visibleOptions",required:!1,type:{name:"number"}},valueRenderer:{defaultValue:null,description:"Кастомный рендер выбранного пункта",name:"valueRenderer",required:!1,type:{name:"(({ selected, selectedMultiple, }: { selected?: OptionShape; selectedMultiple: OptionShape[]; }) => ReactNode)"}},fieldProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент поля",name:"fieldProps",required:!1,type:{name:"unknown"}},optionsListProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент списка",name:"optionsListProps",required:!1,type:{name:"unknown"}},optionProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент пункта меню",name:"optionProps",required:!1,type:{name:"unknown"}},OptionsList:{defaultValue:null,description:"Компонент выпадающего меню",name:"OptionsList",required:!1,type:{name:"FC>"}},Optgroup:{defaultValue:null,description:"Компонент группы",name:"Optgroup",required:!1,type:{name:"FC"}},Option:{defaultValue:null,description:"Компонент пункта меню",name:"Option",required:!1,type:{name:"FC"}},showSearch:{defaultValue:null,description:"Включает отображение поиска",name:"showSearch",required:!1,type:{name:"boolean"}},Search:{defaultValue:null,description:"Компонент поиска",name:"Search",required:!1,type:{name:'FC & { breakpoint?: number; defaultMatchMediaValue?: boolean | (() => boolean); } & RefAttributes<...>> | undefined'}},searchProps:{defaultValue:null,description:"Настройки поиска",name:"searchProps",required:!1,type:{name:"{ componentProps?: InputProps; accessor?: ((option: OptionShape) => string); value?: string | undefined; onChange?: ((value: string) => void) | undefined; } | undefined"}},zIndexPopover:{defaultValue:null,description:"z-index поповера",name:"zIndexPopover",required:!1,type:{name:"number"}},showEmptyOptionsList:{defaultValue:null,description:"Показывать OptionsList, если он пустой",name:"showEmptyOptionsList",required:!1,type:{name:"boolean"}},showArrow:{defaultValue:{value:"true"},description:"Показывать стрелку",name:"showArrow",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:{value:"#FF45C3"},description:"Цвет кнопки",name:"backgroundColor",required:!1,type:{name:"string"}},contentColor:{defaultValue:{value:"white"},description:"Цвет контента",name:"contentColor",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"black"'},{value:'"static-black"'},{value:'"static-white"'}]}},stateType:{defaultValue:{value:"darkening"},description:"Затемнение или осветление кнопки при hover и active",name:"stateType",required:!1,type:{name:"enum",value:[{value:'"darkening"'},{value:'"lightening"'},{value:'"static-darkening"'},{value:'"static-lightening"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/custom-picker-button/src/Component.desktop.tsx#CustomPickerButtonDesktop"]={docgenInfo:CustomPickerButtonDesktop.__docgenInfo,name:"CustomPickerButtonDesktop",path:"packages/custom-picker-button/src/Component.desktop.tsx#CustomPickerButtonDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/custom-picker-button/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{p:function(){return CustomPickerButtonMobile}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_picker_button_mobile__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/picker-button/modern/mobile.js"),_field__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/custom-picker-button/src/field/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["backgroundColor","contentColor","stateType"],CustomPickerButtonMobile=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#FF45C3":_ref$backgroundColor,_ref$contentColor=_ref.contentColor,contentColor=void 0===_ref$contentColor?"white":_ref$contentColor,_ref$stateType=_ref.stateType,stateType=void 0===_ref$stateType?"darkening":_ref$stateType,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_alfalab_core_components_picker_button_mobile__WEBPACK_IMPORTED_MODULE_1__.PickerButtonMobile,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},restProps),{},{fieldProps:{backgroundColor:backgroundColor,contentColor:contentColor,stateType:stateType},Field:_field__WEBPACK_IMPORTED_MODULE_2__.g,ref:ref}))}));try{CustomPickerButtonMobile.displayName="CustomPickerButtonMobile",CustomPickerButtonMobile.__docgenInfo={description:"",displayName:"CustomPickerButtonMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка для кнопки, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер кнопки",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"Показать лоадер",name:"loading",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"Атрибут id",name:"id",required:!1,type:{name:"string"}},onBlur:{defaultValue:null,description:"Обработчик фокуса поля",name:"onBlur",required:!1,type:{name:"((event: FocusEvent) => void)"}},onChange:{defaultValue:null,description:"Обработчик выбора",name:"onChange",required:!1,type:{name:"((payload: BaseSelectChangePayload) => void)"}},disabled:{defaultValue:null,description:"Управление возможностью выбора значения",name:"disabled",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"Атрибут name",name:"name",required:!1,type:{name:"string"}},footer:{defaultValue:null,description:"Футер\n@deprecated Используйте bottomSheetProps.actionButton",name:"footer",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},onOpen:{defaultValue:null,description:"Обработчик открытия\\закрытия селекта",name:"onOpen",required:!1,type:{name:"((payload: { open?: boolean; name?: string; }) => void) | undefined"}},open:{defaultValue:null,description:"Управление открытием",name:"open",required:!1,type:{name:"boolean"}},updatePopover:{defaultValue:null,description:"Хранит функцию, с помощью которой можно обновить положение поповера",name:"updatePopover",required:!1,type:{name:"MutableRefObject<() => void>"}},bottomSheetProps:{defaultValue:null,description:"Дополнительные пропсы шторки",name:"bottomSheetProps",required:!1,type:{name:"Partial"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Тип кнопки",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"compact"'}]}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},swipeable:{defaultValue:null,description:"Будет ли свайпаться шторка\n@deprecated Используйте bottomSheetProps.swipeable",name:"swipeable",required:!1,type:{name:"boolean"}},showClear:{defaultValue:null,description:"Показывать кнопку очистки",name:"showClear",required:!1,type:{name:"boolean"}},Field:{defaultValue:null,description:"Компонент поля",name:"Field",required:!1,type:{name:"FC"}},nativeSelect:{defaultValue:null,description:"Рендерит нативный селект вместо выпадающего меню. (на десктопе использовать только с multiple=false)",name:"nativeSelect",required:!1,type:{name:"boolean"}},optionsListClassName:{defaultValue:null,description:"Дополнительный класс выпадающего меню",name:"optionsListClassName",required:!1,type:{name:"string"}},optionClassName:{defaultValue:null,description:"Дополнительный класс для пункта меню",name:"optionClassName",required:!1,type:{name:"string"}},optionGroupClassName:{defaultValue:null,description:"Дополнительный класс для компонента группы пунктов",name:"optionGroupClassName",required:!1,type:{name:"string"}},popperClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popperClassName",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"((OptionShape | GroupShape) & { icon?: FC> | undefined; })[]"}},defaultOpen:{defaultValue:null,description:"Начальное состояние селекта",name:"defaultOpen",required:!1,type:{name:"boolean"}},optionsSize:{defaultValue:null,description:"Размер пунктов меню",name:"optionsSize",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},optionsListWidth:{defaultValue:null,description:"Управляет шириной выпадающего меню.\nШирину определяет контент, либо ширина равна ширине поля",name:"optionsListWidth",required:!1,type:{name:"enum",value:[{value:'"content"'},{value:'"field"'}]}},circularNavigation:{defaultValue:null,description:"При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.",name:"circularNavigation",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование выпадающего списка",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},visibleOptions:{defaultValue:null,description:"Количество видимых пунктов меню (5 = 5.5)",name:"visibleOptions",required:!1,type:{name:"number"}},valueRenderer:{defaultValue:null,description:"Кастомный рендер выбранного пункта",name:"valueRenderer",required:!1,type:{name:"(({ selected, selectedMultiple, }: { selected?: OptionShape; selectedMultiple: OptionShape[]; }) => ReactNode)"}},fieldProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент поля",name:"fieldProps",required:!1,type:{name:"unknown"}},optionsListProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент списка",name:"optionsListProps",required:!1,type:{name:"unknown"}},optionProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент пункта меню",name:"optionProps",required:!1,type:{name:"unknown"}},Optgroup:{defaultValue:null,description:"Компонент группы",name:"Optgroup",required:!1,type:{name:"FC"}},Option:{defaultValue:null,description:"Компонент пункта меню",name:"Option",required:!1,type:{name:"FC"}},showSearch:{defaultValue:null,description:"Включает отображение поиска",name:"showSearch",required:!1,type:{name:"boolean"}},Search:{defaultValue:null,description:"Компонент поиска",name:"Search",required:!1,type:{name:'FC & { breakpoint?: number; defaultMatchMediaValue?: boolean | (() => boolean); } & RefAttributes<...>> | undefined'}},searchProps:{defaultValue:null,description:"Настройки поиска",name:"searchProps",required:!1,type:{name:"{ componentProps?: InputProps; accessor?: ((option: OptionShape) => string); value?: string | undefined; onChange?: ((value: string) => void) | undefined; } | undefined"}},zIndexPopover:{defaultValue:null,description:"z-index поповера",name:"zIndexPopover",required:!1,type:{name:"number"}},showEmptyOptionsList:{defaultValue:null,description:"Показывать OptionsList, если он пустой",name:"showEmptyOptionsList",required:!1,type:{name:"boolean"}},showArrow:{defaultValue:{value:"true"},description:"Показывать стрелку",name:"showArrow",required:!1,type:{name:"boolean"}},showSelectAll:{defaultValue:null,description:'Показывать пункт "Выбрать все"',name:"showSelectAll",required:!1,type:{name:"boolean"}},showHeaderWithSelectAll:{defaultValue:null,description:'Показывать пункт "Выбрать все" в заголовке списка',name:"showHeaderWithSelectAll",required:!1,type:{name:"boolean"}},useWithApplyHook:{defaultValue:null,description:"Использовать ли хук useSelectWithApply",name:"useWithApplyHook",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:{value:"#FF45C3"},description:"Цвет кнопки",name:"backgroundColor",required:!1,type:{name:"string"}},contentColor:{defaultValue:{value:"white"},description:"Цвет контента",name:"contentColor",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"black"'},{value:'"static-black"'},{value:'"static-white"'}]}},stateType:{defaultValue:{value:"darkening"},description:"Затемнение или осветление кнопки при hover и active",name:"stateType",required:!1,type:{name:"enum",value:[{value:'"darkening"'},{value:'"lightening"'},{value:'"static-darkening"'},{value:'"static-lightening"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/custom-picker-button/src/Component.mobile.tsx#CustomPickerButtonMobile"]={docgenInfo:CustomPickerButtonMobile.__docgenInfo,name:"CustomPickerButtonMobile",path:"packages/custom-picker-button/src/Component.mobile.tsx#CustomPickerButtonMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/custom-picker-button/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{a:function(){return CustomPickerButtonResponsive}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/mq/modern/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/custom-picker-button/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/custom-picker-button/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["OptionsList","onScroll","footer","swipeable","bottomSheetProps","breakpoint"],CustomPickerButtonResponsive=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var OptionsList=_ref.OptionsList,onScroll=_ref.onScroll,footer=_ref.footer,swipeable=_ref.swipeable,bottomSheetProps=_ref.bottomSheetProps,_ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_ref,_excluded),query="(min-width: ".concat(breakpoint,"px)"),_useMatchMedia=(0,_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__.useMatchMedia)(query);return(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMatchMedia,1)[0]?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Component_desktop__WEBPACK_IMPORTED_MODULE_2__._,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({ref:ref,OptionsList:OptionsList,onScroll:onScroll},restProps)):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Component_mobile__WEBPACK_IMPORTED_MODULE_3__.p,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({ref:ref,footer:footer,swipeable:swipeable,bottomSheetProps:bottomSheetProps},restProps))}));try{CustomPickerButtonResponsive.displayName="CustomPickerButtonResponsive",CustomPickerButtonResponsive.__docgenInfo={description:"",displayName:"CustomPickerButtonResponsive",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер кнопки",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"Показать лоадер",name:"loading",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"Атрибут id",name:"id",required:!1,type:{name:"string"}},onBlur:{defaultValue:null,description:"Обработчик фокуса поля",name:"onBlur",required:!1,type:{name:"((event: FocusEvent) => void)"}},onChange:{defaultValue:null,description:"Обработчик выбора",name:"onChange",required:!1,type:{name:"((payload: BaseSelectChangePayload) => void)"}},onScroll:{defaultValue:null,description:"Обработчик скрола",name:"onScroll",required:!1,type:{name:"((event: MouseEvent) => void)"}},disabled:{defaultValue:null,description:"Управление возможностью выбора значения",name:"disabled",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"Атрибут name",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},onOpen:{defaultValue:null,description:"Обработчик открытия\\закрытия селекта",name:"onOpen",required:!1,type:{name:"((payload: { open?: boolean; name?: string; }) => void) | undefined"}},open:{defaultValue:null,description:"Управление открытием",name:"open",required:!1,type:{name:"boolean"}},updatePopover:{defaultValue:null,description:"Хранит функцию, с помощью которой можно обновить положение поповера",name:"updatePopover",required:!1,type:{name:"MutableRefObject<() => void>"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Тип кнопки",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"compact"'}]}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},Field:{defaultValue:null,description:"Компонент поля",name:"Field",required:!1,type:{name:"FC"}},nativeSelect:{defaultValue:null,description:"Рендерит нативный селект вместо выпадающего меню. (на десктопе использовать только с multiple=false)",name:"nativeSelect",required:!1,type:{name:"boolean"}},optionsListClassName:{defaultValue:null,description:"Дополнительный класс выпадающего меню",name:"optionsListClassName",required:!1,type:{name:"string"}},optionClassName:{defaultValue:null,description:"Дополнительный класс для пункта меню",name:"optionClassName",required:!1,type:{name:"string"}},optionGroupClassName:{defaultValue:null,description:"Дополнительный класс для компонента группы пунктов",name:"optionGroupClassName",required:!1,type:{name:"string"}},popperClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popperClassName",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"((OptionShape | GroupShape) & { icon?: FC> | undefined; })[]"}},defaultOpen:{defaultValue:null,description:"Начальное состояние селекта",name:"defaultOpen",required:!1,type:{name:"boolean"}},optionsSize:{defaultValue:null,description:"Размер пунктов меню",name:"optionsSize",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},optionsListWidth:{defaultValue:null,description:"Управляет шириной выпадающего меню.\nШирину определяет контент, либо ширина равна ширине поля",name:"optionsListWidth",required:!1,type:{name:"enum",value:[{value:'"content"'},{value:'"field"'}]}},circularNavigation:{defaultValue:null,description:"При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.",name:"circularNavigation",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование выпадающего списка",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},visibleOptions:{defaultValue:null,description:"Количество видимых пунктов меню (5 = 5.5)",name:"visibleOptions",required:!1,type:{name:"number"}},valueRenderer:{defaultValue:null,description:"Кастомный рендер выбранного пункта",name:"valueRenderer",required:!1,type:{name:"(({ selected, selectedMultiple, }: { selected?: OptionShape; selectedMultiple: OptionShape[]; }) => ReactNode)"}},fieldProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент поля",name:"fieldProps",required:!1,type:{name:"unknown"}},optionsListProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент списка",name:"optionsListProps",required:!1,type:{name:"unknown"}},optionProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент пункта меню",name:"optionProps",required:!1,type:{name:"unknown"}},OptionsList:{defaultValue:null,description:"Компонент выпадающего меню",name:"OptionsList",required:!1,type:{name:"FC>"}},Optgroup:{defaultValue:null,description:"Компонент группы",name:"Optgroup",required:!1,type:{name:"FC"}},Option:{defaultValue:null,description:"Компонент пункта меню",name:"Option",required:!1,type:{name:"FC"}},showSearch:{defaultValue:null,description:"Включает отображение поиска",name:"showSearch",required:!1,type:{name:"boolean"}},Search:{defaultValue:null,description:"Компонент поиска",name:"Search",required:!1,type:{name:'FC & { breakpoint?: number; defaultMatchMediaValue?: boolean | (() => boolean); } & RefAttributes<...>> | undefined'}},searchProps:{defaultValue:null,description:"Настройки поиска",name:"searchProps",required:!1,type:{name:"{ componentProps?: InputProps; accessor?: ((option: OptionShape) => string); value?: string | undefined; onChange?: ((value: string) => void) | undefined; } | undefined"}},zIndexPopover:{defaultValue:null,description:"z-index поповера",name:"zIndexPopover",required:!1,type:{name:"number"}},showEmptyOptionsList:{defaultValue:null,description:"Показывать OptionsList, если он пустой",name:"showEmptyOptionsList",required:!1,type:{name:"boolean"}},showArrow:{defaultValue:{value:"true"},description:"Показывать стрелку",name:"showArrow",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:null,description:"Цвет кнопки",name:"backgroundColor",required:!1,type:{name:"string"}},contentColor:{defaultValue:null,description:"Цвет контента",name:"contentColor",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"black"'},{value:'"static-black"'},{value:'"static-white"'}]}},stateType:{defaultValue:null,description:"Затемнение или осветление кнопки при hover и active",name:"stateType",required:!1,type:{name:"enum",value:[{value:'"darkening"'},{value:'"lightening"'},{value:'"static-darkening"'},{value:'"static-lightening"'}]}},footer:{defaultValue:null,description:"Футер\n@deprecated Используйте bottomSheetProps.actionButton",name:"footer",required:!1,type:{name:"ReactNode"}},swipeable:{defaultValue:null,description:"Будет ли свайпаться шторка\n@deprecated Используйте bottomSheetProps.swipeable",name:"swipeable",required:!1,type:{name:"boolean"}},bottomSheetProps:{defaultValue:null,description:"Дополнительные пропсы шторки",name:"bottomSheetProps",required:!1,type:{name:"Partial"}},showClear:{defaultValue:null,description:"Показывать кнопку очистки",name:"showClear",required:!1,type:{name:"boolean"}},showSelectAll:{defaultValue:null,description:'Показывать пункт "Выбрать все"',name:"showSelectAll",required:!1,type:{name:"boolean"}},showHeaderWithSelectAll:{defaultValue:null,description:'Показывать пункт "Выбрать все" в заголовке списка',name:"showHeaderWithSelectAll",required:!1,type:{name:"boolean"}},useWithApplyHook:{defaultValue:null,description:"Использовать ли хук useSelectWithApply",name:"useWithApplyHook",required:!1,type:{name:"boolean"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/custom-picker-button/src/Component.responsive.tsx#CustomPickerButtonResponsive"]={docgenInfo:CustomPickerButtonResponsive.__docgenInfo,name:"CustomPickerButtonResponsive",path:"packages/custom-picker-button/src/Component.responsive.tsx#CustomPickerButtonResponsive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/custom-picker-button/src/field/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{g:function(){return Field}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),modern=__webpack_require__("./dist/custom-button/modern/index.js"),shared=__webpack_require__("./dist/picker-button/modern/shared.js"),index_module_iconContainer="iconContainer_W__rv",index_module_addonsContainer="addonsContainer_htSPQ",index_module_showControlIcon="showControlIcon_GlNvQ",index_module_open="open_NAwCF",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["buttonSize","buttonVariant","backgroundColor","contentColor","stateType","label","open","rightAddons","innerProps","className","showArrow"],Field=function Field(_ref){var _ref$buttonSize=_ref.buttonSize,buttonSize=void 0===_ref$buttonSize?"m":_ref$buttonSize,_ref$buttonVariant=_ref.buttonVariant,buttonVariant=void 0===_ref$buttonVariant?"default":_ref$buttonVariant,backgroundColor=_ref.backgroundColor,contentColor=_ref.contentColor,stateType=_ref.stateType,label=_ref.label,open=_ref.open,rightAddons=_ref.rightAddons,innerProps=_ref.innerProps,className=_ref.className,_ref$showArrow=_ref.showArrow,showArrow=void 0===_ref$showArrow||_ref$showArrow,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),Icon=(0,shared.getIcon)(buttonVariant,buttonSize),buttonProps=(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),innerProps);return(0,jsx_runtime.jsx)(modern.CustomButton,(0,objectSpread2.Z)((0,objectSpread2.Z)({},buttonProps),{},{rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module_addonsContainer,(0,defineProperty.Z)({},index_module_showControlIcon,showArrow||"compact"===buttonVariant)),children:rightAddons}),(showArrow||"compact"===buttonVariant)&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module_iconContainer,"compact"!==buttonVariant&&open&&index_module_open),children:(0,jsx_runtime.jsx)(Icon,{"data-test-id":"custom-picker-button-icon"})})]}),block:!0,size:buttonSize,backgroundColor:backgroundColor,contentColor:contentColor,stateType:stateType,className:className,children:"compact"!==buttonVariant&&label}))};try{Field.displayName="Field",Field.__docgenInfo={description:"",displayName:"Field",props:{label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},open:{defaultValue:null,description:"Флаг, открыто ли меню",name:"open",required:!1,type:{name:"boolean"}},innerProps:{defaultValue:null,description:"Внутренние свойства, которые должны быть установлены компоненту.",name:"innerProps",required:!0,type:{name:"{ onBlur?: ((event: FocusEvent) => void) | undefined; onFocus?: ((event: FocusEvent) => void) | undefined; onClick?: ((event: MouseEvent<...>) => void) | undefined; tabIndex?: number | undefined; id: string; } & RefAttributes<......"}},leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"Дочерние элементы.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:{value:"m"},description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:{value:"false"},description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},spinnerClassName:{defaultValue:null,description:"Дополнительный класс для спиннера",name:"spinnerClassName",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"Выводит ссылку в виде кнопки",name:"href",required:!1,type:{name:"string"}},Component:{defaultValue:null,description:"Позволяет использовать кастомный компонент для кнопки (например Link из роутера)",name:"Component",required:!1,type:{name:"ElementType"}},loading:{defaultValue:{value:"false"},description:"Показать лоадер",name:"loading",required:!1,type:{name:"boolean"}},nowrap:{defaultValue:{value:"false"},description:"Не переносить текст кнопки на новую строку",name:"nowrap",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:null,description:"Цвет кнопки",name:"backgroundColor",required:!1,type:{name:"string"}},contentColor:{defaultValue:null,description:"Цвет контента",name:"contentColor",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"black"'},{value:'"static-black"'},{value:'"static-white"'}]}},stateType:{defaultValue:null,description:"Затемнение или осветление кнопки при hover и active",name:"stateType",required:!1,type:{name:"enum",value:[{value:'"darkening"'},{value:'"lightening"'},{value:'"static-darkening"'},{value:'"static-lightening"'}]}},buttonSize:{defaultValue:{value:"m"},description:"",name:"buttonSize",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},buttonVariant:{defaultValue:{value:"default"},description:"",name:"buttonVariant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"compact"'}]}},showArrow:{defaultValue:{value:"true"},description:"",name:"showArrow",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/custom-picker-button/src/field/Component.tsx#Field"]={docgenInfo:Field.__docgenInfo,name:"Field",path:"packages/custom-picker-button/src/field/Component.tsx#Field"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/date-input-src-docs-Component-stories-mdx.12770022.iframe.bundle.js b/master/date-input-src-docs-Component-stories-mdx.12770022.iframe.bundle.js deleted file mode 100644 index a5d5ab1a48..0000000000 --- a/master/date-input-src-docs-Component-stories-mdx.12770022.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[1398],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/date-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dateInput:function(){return dateInput},default:function(){return Component_stories}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/date-input/modern/index.js"),package_namespaceObject={i8:"4.3.5"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Component=__webpack_require__("./packages/date-input/src/Component.tsx");function _createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { DateInput } from '@alfalab/core-components/date-input';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{of:Component.W})]})}var development=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)};function description_createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"стандартный-вид-компонента",children:"Стандартный вид компонента"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Поле ввода с маской ДД.ММ.ГГГГ."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"
\n \n
\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Поле ввода является оберткой над ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/formcontrol--docs",children:"FormControl"}),",\nпоэтому наследует все доступные для него настройки. Пикер это\n",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"}),"\nв ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/popover--docs",children:"Popover"}),"."]})]})}var description=function description_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(description_createMdxContent,props)})):description_createMdxContent(props)},CHANGELOGraw_namespaceObject="# Change Log\n\n## 4.3.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.2\n\n## 4.3.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.1\n\n## 4.3.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.0\n\n## 4.3.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.2\n\n## 4.3.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.1\n\n## 4.3.0\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.0\n\n## 4.2.10\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - input@11.1.18\n\n## 4.2.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.17\n\n## 4.2.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.16\n\n## 4.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.15\n\n## 4.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.14\n\n## 4.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.13\n\n## 4.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.12\n\n## 4.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.11\n\n## 4.2.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.10\n\n## 4.2.1\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - input@11.1.9\n\n## 4.2.0\n\n### Minor Changes\n\n### [#579](https://github.com/core-ds/core-components/pull/579)\n\n- Добавлены новые правила форматирования для DateInput, DateRangeInput, DateTimeInput\n\n## 4.1.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.8\n\n## 4.1.7\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - input@11.1.7\n\n## 4.1.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.6\n\n## 4.1.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.5\n\n## 4.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.4\n\n## 4.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.3\n\n## 4.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.2\n\n## 4.1.1\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - input@11.1.1\n\n## 4.1.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с 'alfabank.servicecdn.ru' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.0\n\n## 4.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.0.2\n\n## 4.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type='number'\n\n- Обновлены зависимости\n - input@11.0.1\n\n## 4.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.0.0\n\n## 3.1.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@10.2.5\n\n## 3.1.5\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n - @alfalab/core-components-input@10.2.4\n\n## 3.1.4\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-input@10.2.3\n\n## 3.1.3\n\n### Patch Changes\n\n- Updated dependencies [[#189](https://github.com/core-ds/core-components/pull/189)]\n - @alfalab/core-components-input@10.2.2\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [3.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.1.1...@alfalab/core-components-date-input@3.1.2) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [3.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.1.0...@alfalab/core-components-date-input@3.1.1) (2022-09-12)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [3.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.0.3...@alfalab/core-components-date-input@3.1.0) (2022-09-02)\n\n### Features\n\n- testing-library versions update ([#216](https://github.com/core-ds/core-components/issues/216)) ([33b6225](https://github.com/core-ds/core-components/commit/33b62259a1332f535f367502590ea37e7ad051d4))\n\n## [3.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.0.2...@alfalab/core-components-date-input@3.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [3.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.0.1...@alfalab/core-components-date-input@3.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.0.0...@alfalab/core-components-date-input@3.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.4.2...@alfalab/core-components-date-input@3.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [2.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.4.1...@alfalab/core-components-date-input@2.4.2) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [2.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.4.0...@alfalab/core-components-date-input@2.4.1) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [2.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.4...@alfalab/core-components-date-input@2.4.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [2.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.3...@alfalab/core-components-date-input@2.3.4) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [2.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.2...@alfalab/core-components-date-input@2.3.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [2.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.1...@alfalab/core-components-date-input@2.3.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [2.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.0...@alfalab/core-components-date-input@2.3.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [2.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.2.2...@alfalab/core-components-date-input@2.3.0) (2022-06-28)\n\n### Bug Fixes\n\n- **pure-cell:** fix stories ([#113](https://github.com/core-ds/core-components/issues/113)) ([01f6138](https://github.com/core-ds/core-components/commit/01f6138615b1b7268510e012c314650c084c9ef0))\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n\n## [2.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.2.1...@alfalab/core-components-date-input@2.2.2) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [2.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.2.0...@alfalab/core-components-date-input@2.2.1) (2022-06-20)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [2.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.1.5...@alfalab/core-components-date-input@2.2.0) (2022-06-03)\n\n### Features\n\n- **date-input:** removed date validation ([#69](https://github.com/core-ds/core-components/issues/69)) ([ca56ec9](https://github.com/core-ds/core-components/commit/ca56ec97db0d966233bd4312fdddabd59ed427ae))\n\n# [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.0.0...@alfalab/core-components-date-input@2.1.0) (2022-03-04)\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n# [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.3.0...@alfalab/core-components-date-input@2.0.0) (2022-02-17)\n\n- refactor/calendar-range (#984) ([714f615](https://github.com/core-ds/core-components/commit/714f61590586bafe1060e652943e95c133ed002a)), closes [#984](https://github.com/core-ds/core-components/issues/984)\n\n### BREAKING CHANGES\n\n- Большое обновление CalendarRange\n\n- feat(date-input): add some improvements\n\n- feat(date-input): some updates\n\n- feat(date-input): validation\n\n- feat(calendar): change period selection logic\n\n- fix(calendar): range styles\n\n- fix(calendar): fix styles, add rangeComplete flag\n\n- refactor(calendar-range): temporary\n\n- fix(calendar-range): fix hook\n\n- fix(calendar-range): fix period\n\n- fix(calendar-range): fix tests, fix max date\n\n- fix: update exports\n\n- feat(calendar): allow empty values for PeriodSlider, update today\n\n- fix(calendar-range): hide error icon\n\n- chore(calendar-range): demo\n\n- feat(calendar): use IconButton\n\n- feat(calendar-range): add onChange, update demo\n\n- fix(calendar-range): update width\n\n- test(calendar-range): update snapshot\n\n- fix: import date-fns separately\n\n- fix(calendar-range): fix rest props\n\nCo-authored-by: dmitrsavk \n\n# [1.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.13...@alfalab/core-components-date-input@1.3.0) (2022-02-17)\n\n### Features\n\n- **date-input:** add some improvements ([#971](https://github.com/core-ds/core-components/issues/971)) ([47756ca](https://github.com/core-ds/core-components/commit/47756ca1d4eea89f78ed7234e95c02e51dd72e49))\n\n## [1.2.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.12...@alfalab/core-components-date-input@1.2.13) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.11...@alfalab/core-components-date-input@1.2.12) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.10...@alfalab/core-components-date-input@1.2.11) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.9...@alfalab/core-components-date-input@1.2.10) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.8...@alfalab/core-components-date-input@1.2.9) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.7...@alfalab/core-components-date-input@1.2.8) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.6...@alfalab/core-components-date-input@1.2.7) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.5...@alfalab/core-components-date-input@1.2.6) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.4...@alfalab/core-components-date-input@1.2.5) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.3...@alfalab/core-components-date-input@1.2.4) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.2...@alfalab/core-components-date-input@1.2.3) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.1...@alfalab/core-components-date-input@1.2.2) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.0...@alfalab/core-components-date-input@1.2.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [1.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.6...@alfalab/core-components-date-input@1.2.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [1.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.5...@alfalab/core-components-date-input@1.1.6) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.4...@alfalab/core-components-date-input@1.1.5) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.3...@alfalab/core-components-date-input@1.1.4) (2021-08-23)\n\n### Bug Fixes\n\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [1.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.2...@alfalab/core-components-date-input@1.1.3) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.1...@alfalab/core-components-date-input@1.1.2) (2021-08-04)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.0...@alfalab/core-components-date-input@1.1.1) (2021-08-03)\n\n### Bug Fixes\n\n- move icon from date input to calendar input ([#768](https://github.com/core-ds/core-components/issues/768)) ([040bd42](https://github.com/core-ds/core-components/commit/040bd423279eb535f1ea924599ee16c296453e3f))\n\n# 1.1.0 (2021-07-23)\n\n### Features\n\n- **calendar-input:** uses date-input ([#752](https://github.com/core-ds/core-components/issues/752)) ([509dba2](https://github.com/core-ds/core-components/commit/509dba26913ccf6df859a200aa476eeef1df2ddc))\n- **date-input:** add component ([#751](https://github.com/core-ds/core-components/issues/751)) ([4b94bee](https://github.com/core-ds/core-components/commit/4b94beec36acc73ac6c62cf37f87061c0ada4b35))\n";function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/DateInput",component:modern.DateInput,id:"DateInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"DateInput",children:(0,jsx_runtime.jsx)(modern.DateInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label","")})}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"DateInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/date-input",design:"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components?node-id=55547%3A52787",children:"Поле для указания даты."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),development:(0,jsx_runtime.jsx)(development,{})})]})}const dateInput=()=>(0,jsx_runtime.jsx)(modern.DateInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label","")});dateInput.storyName="DateInput",dateInput.parameters={storySource:{source:''}};const componentMeta={title:"Components/DateInput",id:"DateInput",component:modern.DateInput,tags:["stories-mdx"],includeStories:["dateInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/date-input/src/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{W:function(){return DateInput}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),react_merge_refs_esm=__webpack_require__("./node_modules/react-merge-refs/dist/react-merge-refs.esm.js"),modern=__webpack_require__("./dist/input/modern/index.js"),format=__webpack_require__("./packages/date-input/src/utils/format.ts"),native_supports=__webpack_require__("./packages/date-input/src/utils/native-supports.ts"),index_module_nativeInput="nativeInput_vCIEk",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["mobileMode","defaultValue","rightAddons","error","value","onBlur","onChange","onComplete"],DateInput=(0,react.forwardRef)((function(_ref,ref){var _ref$mobileMode=_ref.mobileMode,mobileMode=void 0===_ref$mobileMode?"input":_ref$mobileMode,_ref$defaultValue=_ref.defaultValue,defaultValue=void 0===_ref$defaultValue?"":_ref$defaultValue,rightAddons=_ref.rightAddons,error=_ref.error,propValue=_ref.value,onBlur=_ref.onBlur,onChange=_ref.onChange,onComplete=_ref.onComplete,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(null),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),shouldRenderNative=_useState2[0],setShouldRenderNative=_useState2[1],_useState3=(0,react.useState)(propValue||defaultValue),_useState4=(0,slicedToArray.Z)(_useState3,2),value=_useState4[0],setValue=_useState4[1],handleChange=(0,react.useCallback)((function(event){var newValue=event.target.value;if(!/[^\d.]/.test(newValue)){var dots=newValue.match(/\./g);if(!(dots&&dots.length>2)){var formattedValue=(0,format.WU)(newValue),date=(0,format.xk)(formattedValue);if(setValue(formattedValue),onChange&&onChange(event,{date:date,value:formattedValue}),(0,format.$6)(formattedValue)){if(!(formattedValue.length>0&&(0,format.JY)(formattedValue)))return;onComplete&&onComplete(event,{date:date,value:formattedValue})}}}}),[onChange,onComplete]),handleNativeInputChange=(0,react.useCallback)((function(event){var newDate=(0,format.xk)(event.target.value,format.EJ),newValue=""===event.target.value?"":(0,format.p6)(newDate);setValue(newValue),onComplete&&onComplete(event,{date:newDate,value:newValue}),onChange&&onChange(event,{date:newDate,value:newValue})}),[onComplete,onChange]),handleBlur=(0,react.useCallback)((function(event){onBlur&&onBlur(event)}),[onBlur]);return(0,react.useEffect)((function(){"native"===mobileMode&&(0,native_supports.U)()&&setShouldRenderNative(!0)}),[mobileMode]),(0,react.useEffect)((function(){void 0!==propValue&&setValue(propValue)}),[propValue]),(0,jsx_runtime.jsx)(modern.Input,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:(0,react_merge_refs_esm.Z)([ref,inputRef]),value:value,inputMode:"decimal",pattern:"[0-9\\.]*",onChange:handleChange,onBlur:handleBlur,placeholder:"ДД.ММ.ГГГГ",error:error,rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons,shouldRenderNative&&(0,jsx_runtime.jsx)("input",{type:"date",ref:ref,defaultValue:defaultValue,onChange:handleNativeInputChange,className:index_module_nativeInput})]})}))}));try{DateInput.displayName="DateInput",DateInput.__docgenInfo={description:"",displayName:"DateInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:{value:""},description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},mobileMode:{defaultValue:{value:"input"},description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"native"'}]}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-input/src/Component.tsx#DateInput"]={docgenInfo:DateInput.__docgenInfo,name:"DateInput",path:"packages/date-input/src/Component.tsx#DateInput"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-input/src/utils/format.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$6:function(){return isCompleteDateInput},EJ:function(){return NATIVE_DATE_FORMAT},JY:function(){return isValid},WU:function(){return format},kV:function(){return DATE_MASK},p6:function(){return formatDate},xk:function(){return parseDateString},zT:function(){return DATE_FORMAT}});var date_fns_format__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/date-fns/esm/format/index.js"),date_fns_isValid__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/date-fns/esm/isValid/index.js"),date_fns_parse__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/date-fns/esm/parse/index.js"),DATE_FORMAT="dd.MM.yyyy",NATIVE_DATE_FORMAT="yyyy-MM-dd",DATE_MASK=[/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/],isCompleteDateInput=function isCompleteDateInput(input){return input.length===DATE_MASK.length},formatDate=function formatDate(date){var dateFormat=arguments.length>1&&void 0!==arguments[1]?arguments[1]:DATE_FORMAT;return(0,date_fns_format__WEBPACK_IMPORTED_MODULE_0__.Z)(date,dateFormat)},parseDateString=function parseDateString(value){var dateFormat=arguments.length>1&&void 0!==arguments[1]?arguments[1]:DATE_FORMAT;return(0,date_fns_parse__WEBPACK_IMPORTED_MODULE_1__.Z)(value,dateFormat,new Date)},isValid=function isValid(inputValue){return!inputValue||isCompleteDateInput(inputValue)&&(0,date_fns_isValid__WEBPACK_IMPORTED_MODULE_2__.Z)(parseDateString(inputValue))},format=function format(value){return value.replace(/^(\d\d)(\d)$/,"$1.$2").replace(/^(\d\d)\.(\d\d)(\d)$/,"$1.$2.$3").replace(/^(\d\d)\d\.(.*)/,"$1.$2").replace(/^(\d\d\.\d\d)\d\.(.*)/,"$1.$2").replace(/^(\d\d\.\d\d\.\d\d\d\d).*/,"$1").replace(/\.$/,"").replace(/^(\d\d\.\d\d)(\d\d\d\d)/,"$1.$2").replace(/^(\d\d)(\d\d\.\d\d\d\d)/,"$1.$2").replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/,"$1.$2.$4").replace(/^(\d\d)\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^(\d)\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^()\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3")}},"./packages/date-input/src/utils/native-supports.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){function isInputDateSupported(){var input=document.createElement("input");return input.setAttribute("type","date"),input.setAttribute("value","a"),"a"!==input.value}__webpack_require__.d(__webpack_exports__,{U:function(){return isInputDateSupported}})}}]); \ No newline at end of file diff --git a/master/date-input-src-docs-Component-stories-mdx.b8246ca3.iframe.bundle.js b/master/date-input-src-docs-Component-stories-mdx.b8246ca3.iframe.bundle.js new file mode 100644 index 0000000000..696707885d --- /dev/null +++ b/master/date-input-src-docs-Component-stories-mdx.b8246ca3.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[1398],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/date-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dateInput:function(){return dateInput},default:function(){return Component_stories}});__webpack_require__("./node_modules/react/index.js");var lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/date-input/modern/index.js"),package_namespaceObject={i8:"4.3.6"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Component=__webpack_require__("./packages/date-input/src/Component.tsx");function _createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { DateInput } from '@alfalab/core-components/date-input';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{of:Component.W})]})}var development=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)};function description_createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"стандартный-вид-компонента",children:"Стандартный вид компонента"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Поле ввода с маской ДД.ММ.ГГГГ."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"
\n \n
\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Поле ввода является оберткой над ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/formcontrol--docs",children:"FormControl"}),",\nпоэтому наследует все доступные для него настройки. Пикер это\n",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"}),"\nв ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/popover--docs",children:"Popover"}),"."]})]})}var description=function description_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(description_createMdxContent,props)})):description_createMdxContent(props)},CHANGELOGraw_namespaceObject="# Change Log\n\n## 4.3.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.3\n\n## 4.3.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.2\n\n## 4.3.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.1\n\n## 4.3.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.0\n\n## 4.3.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.2\n\n## 4.3.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.1\n\n## 4.3.0\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.0\n\n## 4.2.10\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - input@11.1.18\n\n## 4.2.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.17\n\n## 4.2.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.16\n\n## 4.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.15\n\n## 4.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.14\n\n## 4.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.13\n\n## 4.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.12\n\n## 4.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.11\n\n## 4.2.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.10\n\n## 4.2.1\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - input@11.1.9\n\n## 4.2.0\n\n### Minor Changes\n\n### [#579](https://github.com/core-ds/core-components/pull/579)\n\n- Добавлены новые правила форматирования для DateInput, DateRangeInput, DateTimeInput\n\n## 4.1.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.8\n\n## 4.1.7\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - input@11.1.7\n\n## 4.1.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.6\n\n## 4.1.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.5\n\n## 4.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.4\n\n## 4.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.3\n\n## 4.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.2\n\n## 4.1.1\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - input@11.1.1\n\n## 4.1.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с 'alfabank.servicecdn.ru' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.0\n\n## 4.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.0.2\n\n## 4.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type='number'\n\n- Обновлены зависимости\n - input@11.0.1\n\n## 4.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.0.0\n\n## 3.1.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@10.2.5\n\n## 3.1.5\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n - @alfalab/core-components-input@10.2.4\n\n## 3.1.4\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-input@10.2.3\n\n## 3.1.3\n\n### Patch Changes\n\n- Updated dependencies [[#189](https://github.com/core-ds/core-components/pull/189)]\n - @alfalab/core-components-input@10.2.2\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [3.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.1.1...@alfalab/core-components-date-input@3.1.2) (2022-09-13)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [3.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.1.0...@alfalab/core-components-date-input@3.1.1) (2022-09-12)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [3.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.0.3...@alfalab/core-components-date-input@3.1.0) (2022-09-02)\n\n### Features\n\n- testing-library versions update ([#216](https://github.com/core-ds/core-components/issues/216)) ([33b6225](https://github.com/core-ds/core-components/commit/33b62259a1332f535f367502590ea37e7ad051d4))\n\n## [3.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.0.2...@alfalab/core-components-date-input@3.0.3) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [3.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.0.1...@alfalab/core-components-date-input@3.0.2) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@3.0.0...@alfalab/core-components-date-input@3.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.4.2...@alfalab/core-components-date-input@3.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [2.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.4.1...@alfalab/core-components-date-input@2.4.2) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [2.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.4.0...@alfalab/core-components-date-input@2.4.1) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [2.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.4...@alfalab/core-components-date-input@2.4.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [2.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.3...@alfalab/core-components-date-input@2.3.4) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [2.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.2...@alfalab/core-components-date-input@2.3.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [2.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.1...@alfalab/core-components-date-input@2.3.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [2.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.3.0...@alfalab/core-components-date-input@2.3.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [2.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.2.2...@alfalab/core-components-date-input@2.3.0) (2022-06-28)\n\n### Bug Fixes\n\n- **pure-cell:** fix stories ([#113](https://github.com/core-ds/core-components/issues/113)) ([01f6138](https://github.com/core-ds/core-components/commit/01f6138615b1b7268510e012c314650c084c9ef0))\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n\n## [2.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.2.1...@alfalab/core-components-date-input@2.2.2) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [2.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.2.0...@alfalab/core-components-date-input@2.2.1) (2022-06-20)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [2.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.1.5...@alfalab/core-components-date-input@2.2.0) (2022-06-03)\n\n### Features\n\n- **date-input:** removed date validation ([#69](https://github.com/core-ds/core-components/issues/69)) ([ca56ec9](https://github.com/core-ds/core-components/commit/ca56ec97db0d966233bd4312fdddabd59ed427ae))\n\n# [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@2.0.0...@alfalab/core-components-date-input@2.1.0) (2022-03-04)\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n# [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.3.0...@alfalab/core-components-date-input@2.0.0) (2022-02-17)\n\n- refactor/calendar-range (#984) ([714f615](https://github.com/core-ds/core-components/commit/714f61590586bafe1060e652943e95c133ed002a)), closes [#984](https://github.com/core-ds/core-components/issues/984)\n\n### BREAKING CHANGES\n\n- Большое обновление CalendarRange\n\n- feat(date-input): add some improvements\n\n- feat(date-input): some updates\n\n- feat(date-input): validation\n\n- feat(calendar): change period selection logic\n\n- fix(calendar): range styles\n\n- fix(calendar): fix styles, add rangeComplete flag\n\n- refactor(calendar-range): temporary\n\n- fix(calendar-range): fix hook\n\n- fix(calendar-range): fix period\n\n- fix(calendar-range): fix tests, fix max date\n\n- fix: update exports\n\n- feat(calendar): allow empty values for PeriodSlider, update today\n\n- fix(calendar-range): hide error icon\n\n- chore(calendar-range): demo\n\n- feat(calendar): use IconButton\n\n- feat(calendar-range): add onChange, update demo\n\n- fix(calendar-range): update width\n\n- test(calendar-range): update snapshot\n\n- fix: import date-fns separately\n\n- fix(calendar-range): fix rest props\n\nCo-authored-by: dmitrsavk \n\n# [1.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.13...@alfalab/core-components-date-input@1.3.0) (2022-02-17)\n\n### Features\n\n- **date-input:** add some improvements ([#971](https://github.com/core-ds/core-components/issues/971)) ([47756ca](https://github.com/core-ds/core-components/commit/47756ca1d4eea89f78ed7234e95c02e51dd72e49))\n\n## [1.2.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.12...@alfalab/core-components-date-input@1.2.13) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.11...@alfalab/core-components-date-input@1.2.12) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.10...@alfalab/core-components-date-input@1.2.11) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.9...@alfalab/core-components-date-input@1.2.10) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.8...@alfalab/core-components-date-input@1.2.9) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.7...@alfalab/core-components-date-input@1.2.8) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.6...@alfalab/core-components-date-input@1.2.7) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.5...@alfalab/core-components-date-input@1.2.6) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.4...@alfalab/core-components-date-input@1.2.5) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.3...@alfalab/core-components-date-input@1.2.4) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.2...@alfalab/core-components-date-input@1.2.3) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.1...@alfalab/core-components-date-input@1.2.2) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.2.0...@alfalab/core-components-date-input@1.2.1) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n# [1.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.6...@alfalab/core-components-date-input@1.2.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [1.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.5...@alfalab/core-components-date-input@1.1.6) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.4...@alfalab/core-components-date-input@1.1.5) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.3...@alfalab/core-components-date-input@1.1.4) (2021-08-23)\n\n### Bug Fixes\n\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [1.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.2...@alfalab/core-components-date-input@1.1.3) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.1...@alfalab/core-components-date-input@1.1.2) (2021-08-04)\n\n**Note:** Version bump only for package @alfalab/core-components-date-input\n\n## [1.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-date-input@1.1.0...@alfalab/core-components-date-input@1.1.1) (2021-08-03)\n\n### Bug Fixes\n\n- move icon from date input to calendar input ([#768](https://github.com/core-ds/core-components/issues/768)) ([040bd42](https://github.com/core-ds/core-components/commit/040bd423279eb535f1ea924599ee16c296453e3f))\n\n# 1.1.0 (2021-07-23)\n\n### Features\n\n- **calendar-input:** uses date-input ([#752](https://github.com/core-ds/core-components/issues/752)) ([509dba2](https://github.com/core-ds/core-components/commit/509dba26913ccf6df859a200aa476eeef1df2ddc))\n- **date-input:** add component ([#751](https://github.com/core-ds/core-components/issues/751)) ([4b94bee](https://github.com/core-ds/core-components/commit/4b94beec36acc73ac6c62cf37f87061c0ada4b35))\n";function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/DateInput",component:modern.DateInput,id:"DateInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"DateInput",children:(0,jsx_runtime.jsx)(modern.DateInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label","")})}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"DateInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/date-input",design:"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components?node-id=55547%3A52787",children:"Поле для указания даты."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),development:(0,jsx_runtime.jsx)(development,{})})]})}const dateInput=()=>(0,jsx_runtime.jsx)(modern.DateInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label","")});dateInput.storyName="DateInput",dateInput.parameters={storySource:{source:''}};const componentMeta={title:"Components/DateInput",id:"DateInput",component:modern.DateInput,tags:["stories-mdx"],includeStories:["dateInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/date-input/src/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{W:function(){return DateInput}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),react_merge_refs_esm=__webpack_require__("./node_modules/react-merge-refs/dist/react-merge-refs.esm.js"),modern=__webpack_require__("./dist/input/modern/index.js"),format=__webpack_require__("./packages/date-input/src/utils/format.ts"),native_supports=__webpack_require__("./packages/date-input/src/utils/native-supports.ts"),index_module_nativeInput="nativeInput_vCIEk",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["mobileMode","defaultValue","rightAddons","error","value","onBlur","onChange","onComplete"],DateInput=(0,react.forwardRef)((function(_ref,ref){var _ref$mobileMode=_ref.mobileMode,mobileMode=void 0===_ref$mobileMode?"input":_ref$mobileMode,_ref$defaultValue=_ref.defaultValue,defaultValue=void 0===_ref$defaultValue?"":_ref$defaultValue,rightAddons=_ref.rightAddons,error=_ref.error,propValue=_ref.value,onBlur=_ref.onBlur,onChange=_ref.onChange,onComplete=_ref.onComplete,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(null),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),shouldRenderNative=_useState2[0],setShouldRenderNative=_useState2[1],_useState3=(0,react.useState)(propValue||defaultValue),_useState4=(0,slicedToArray.Z)(_useState3,2),value=_useState4[0],setValue=_useState4[1],handleChange=(0,react.useCallback)((function(event){var newValue=event.target.value;if(!/[^\d.]/.test(newValue)){var dots=newValue.match(/\./g);if(!(dots&&dots.length>2)){var formattedValue=(0,format.WU)(newValue),date=(0,format.xk)(formattedValue);if(setValue(formattedValue),onChange&&onChange(event,{date:date,value:formattedValue}),(0,format.$6)(formattedValue)){if(!(formattedValue.length>0&&(0,format.JY)(formattedValue)))return;onComplete&&onComplete(event,{date:date,value:formattedValue})}}}}),[onChange,onComplete]),handleNativeInputChange=(0,react.useCallback)((function(event){var newDate=(0,format.xk)(event.target.value,format.EJ),newValue=""===event.target.value?"":(0,format.p6)(newDate);setValue(newValue),onComplete&&onComplete(event,{date:newDate,value:newValue}),onChange&&onChange(event,{date:newDate,value:newValue})}),[onComplete,onChange]),handleBlur=(0,react.useCallback)((function(event){onBlur&&onBlur(event)}),[onBlur]);return(0,react.useEffect)((function(){"native"===mobileMode&&(0,native_supports.U)()&&setShouldRenderNative(!0)}),[mobileMode]),(0,react.useEffect)((function(){void 0!==propValue&&setValue(propValue)}),[propValue]),(0,jsx_runtime.jsx)(modern.Input,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:(0,react_merge_refs_esm.Z)([ref,inputRef]),value:value,inputMode:"decimal",pattern:"[0-9\\.]*",onChange:handleChange,onBlur:handleBlur,placeholder:"ДД.ММ.ГГГГ",error:error,rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons,shouldRenderNative&&(0,jsx_runtime.jsx)("input",{type:"date",ref:ref,defaultValue:defaultValue,onChange:handleNativeInputChange,className:index_module_nativeInput})]})}))}));try{DateInput.displayName="DateInput",DateInput.__docgenInfo={description:"",displayName:"DateInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:{value:""},description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},mobileMode:{defaultValue:{value:"input"},description:"Управление нативным режимом на мобильных устройствах",name:"mobileMode",required:!1,type:{name:"enum",value:[{value:'"input"'},{value:'"native"'}]}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent, payload: { date: Date; value: string; }) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-input/src/Component.tsx#DateInput"]={docgenInfo:DateInput.__docgenInfo,name:"DateInput",path:"packages/date-input/src/Component.tsx#DateInput"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-input/src/utils/format.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$6:function(){return isCompleteDateInput},EJ:function(){return NATIVE_DATE_FORMAT},JY:function(){return isValid},WU:function(){return format},kV:function(){return DATE_MASK},p6:function(){return formatDate},xk:function(){return parseDateString},zT:function(){return DATE_FORMAT}});var date_fns_format__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/date-fns/esm/format/index.js"),date_fns_isValid__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/date-fns/esm/isValid/index.js"),date_fns_parse__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/date-fns/esm/parse/index.js"),DATE_FORMAT="dd.MM.yyyy",NATIVE_DATE_FORMAT="yyyy-MM-dd",DATE_MASK=[/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/],isCompleteDateInput=function isCompleteDateInput(input){return input.length===DATE_MASK.length},formatDate=function formatDate(date){var dateFormat=arguments.length>1&&void 0!==arguments[1]?arguments[1]:DATE_FORMAT;return(0,date_fns_format__WEBPACK_IMPORTED_MODULE_0__.Z)(date,dateFormat)},parseDateString=function parseDateString(value){var dateFormat=arguments.length>1&&void 0!==arguments[1]?arguments[1]:DATE_FORMAT;return(0,date_fns_parse__WEBPACK_IMPORTED_MODULE_1__.Z)(value,dateFormat,new Date)},isValid=function isValid(inputValue){return!inputValue||isCompleteDateInput(inputValue)&&(0,date_fns_isValid__WEBPACK_IMPORTED_MODULE_2__.Z)(parseDateString(inputValue))},format=function format(value){return value.replace(/^(\d\d)(\d)$/,"$1.$2").replace(/^(\d\d)\.(\d\d)(\d)$/,"$1.$2.$3").replace(/^(\d\d)\d\.(.*)/,"$1.$2").replace(/^(\d\d\.\d\d)\d\.(.*)/,"$1.$2").replace(/^(\d\d\.\d\d\.\d\d\d\d).*/,"$1").replace(/\.$/,"").replace(/^(\d\d\.\d\d)(\d\d\d\d)/,"$1.$2").replace(/^(\d\d)(\d\d\.\d\d\d\d)/,"$1.$2").replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/,"$1.$2.$4").replace(/^(\d\d)\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^(\d)\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^()\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3")}},"./packages/date-input/src/utils/native-supports.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){function isInputDateSupported(){var input=document.createElement("input");return input.setAttribute("type","date"),input.setAttribute("value","a"),"a"!==input.value}__webpack_require__.d(__webpack_exports__,{U:function(){return isInputDateSupported}})}}]); \ No newline at end of file diff --git a/master/date-range-input-src-docs-Component-stories-mdx.12c5c373.iframe.bundle.js b/master/date-range-input-src-docs-Component-stories-mdx.12c5c373.iframe.bundle.js new file mode 100644 index 0000000000..75a6e676b4 --- /dev/null +++ b/master/date-range-input-src-docs-Component-stories-mdx.12c5c373.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[1172],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/date-range-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dateRangeInput:function(){return dateRangeInput},default:function(){return Component_stories}});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/date-range-input/modern/index.js"),CHANGELOGraw_namespaceObject='# @alfalab/core-components-date-range-input\n\n## 3.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.3\n\n## 3.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.2\n - calendar@7.0.5\n - icon-button@6.2.4\n\n## 3.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.1\n\n## 3.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.0\n - calendar@7.0.4\n - icon-button@6.2.3\n\n## 3.0.4\n\n### Patch Changes\n\n### [#815](https://github.com/core-ds/core-components/pull/815)\n\n- Исправлена проблема, из-за которой при включенной пропсе disableUserInput невозможно было переставить фокус клавишей Tab\n\n## 3.0.3\n\n### Patch Changes\n\n### [#809](https://github.com/core-ds/core-components/pull/809)\n\n- Исправлена ошибка, из-за которой не сбрасывался выбранный диапозон в мобильном календаре\n\n- Обновлены зависимости\n - calendar@7.0.3\n\n## 3.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.2\n - calendar@7.0.2\n - icon-button@6.2.2\n\n## 3.0.1\n\n### Patch Changes\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n- Добавлены недостающие зависимости в package.json\n\n- Обновлены зависимости\n - calendar@7.0.1\n - icon-button@6.2.1\n - input@12.0.1\n\n## 3.0.0\n\n### Major Changes\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n- Удалена responsive точка входа. (В проектах нужно заменить импорт @alfalab/core-components-calendar/responsive на @alfalab/core-components-calendar)\n\n### Minor Changes\n\n### [#716](https://github.com/core-ds/core-components/pull/716)\n\n- Компонент Input заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.0\n - icon-button@6.2.0\n - input@12.0.0\n - popover@6.1.0\n\n## 2.4.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.2\n\n## 2.4.0\n\n### Minor Changes\n\n### [#768](https://github.com/core-ds/core-components/pull/768)\n\n- В компоненты CalendarInput, DateRangeInput, DateTimeInput добавлен проп disableUserInput отвечающий за запрет ввода с клавиатуры\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.1\n - icon-button@6.1.3\n - input@11.1.18\n - popover@6.0.9\n\n## 2.3.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.0\n\n## 2.3.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.2\n - icon-button@6.1.2\n - input@11.1.17\n\n## 2.3.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.1\n\n## 2.3.10\n\n### Patch Changes\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n- Обновлены зависимости\n - calendar@6.5.0\n - input@11.1.16\n - icon-button@6.1.1\n\n## 2.3.9\n\n### Patch Changes\n\n### [#635](https://github.com/core-ds/core-components/pull/635)\n\n- Расширена область нажатия для кнопок в компонентах DateRangeInput, DateTimeInput, PasswordInput\n\n- Обновлены зависимости\n - calendar@6.4.0\n - icon-button@6.1.0\n - input@11.1.15\n\n## 2.3.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.3\n - icon-button@6.0.12\n - input@11.1.14\n\n## 2.3.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.2\n - icon-button@6.0.11\n - input@11.1.13\n\n## 2.3.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.1\n - icon-button@6.0.10\n - input@11.1.12\n\n## 2.3.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.0\n - input@11.1.11\n\n## 2.3.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.10\n - calendar@6.2.18\n\n## 2.3.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.17\n\n## 2.3.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.16\n\n## 2.3.1\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - calendar@6.2.15\n - icon-button@6.0.9\n - input@11.1.9\n - popover@6.0.8\n\n## 2.3.0\n\n### Minor Changes\n\n### [#579](https://github.com/core-ds/core-components/pull/579)\n\n- Добавлены новые правила форматирования для DateInput, DateRangeInput, DateTimeInput\n\n## 2.2.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.14\n\n## 2.2.14\n\n### Patch Changes\n\n### [#557](https://github.com/core-ds/core-components/pull/557)\n\n- Добавлены бордеры у выпадающих меню\n\n## 2.2.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.13\n\n## 2.2.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.12\n\n## 2.2.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.11\n - icon-button@6.0.8\n - input@11.1.8\n\n## 2.2.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.10\n\n## 2.2.9\n\n### Patch Changes\n\n### [#490](https://github.com/core-ds/core-components/pull/490)\n\n- Добавлен новый пропс onClose - обработчик закрытия календаря\n\n### [#507](https://github.com/core-ds/core-components/pull/507)\n\n- Исправлены ошибки, из-за которых компонент неверно реагировал на изменение свойства value извне и неверно отображался активный месяц в календаре\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n### [#522](https://github.com/core-ds/core-components/pull/522)\n\n- Исправлена TS ошибка "ref does not exist on type"\n\n- Обновлены зависимости\n - calendar@6.2.9\n - icon-button@6.0.7\n - input@11.1.7\n - popover@6.0.7\n\n## 2.2.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.8\n - icon-button@6.0.6\n - input@11.1.6\n\n## 2.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.7\n - icon-button@6.0.5\n - input@11.1.5\n\n## 2.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.6\n - calendar@6.2.6\n\n## 2.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.5\n\n## 2.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.4\n - icon-button@6.0.4\n - input@11.1.4\n\n## 2.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.3\n - calendar@6.2.3\n\n## 2.2.2\n\n### Patch Changes\n\n### [#393](https://github.com/core-ds/core-components/pull/393)\n\n- Исправлен borderRadius у календаря\n- Исправлена ошибка, из-за которой коллбэки onChange и onComplete в компоненте DateTimeInput не вызывались, если даты выбиралась с помощью календаря
\n- В компоненте DateTimeInput изменена типизация onChange и onComplete коллбэков. Теперь event опциональный, так как при выборе даты в пикере ChangeEvent в инпуте не происходит
\n- В компоненте DateTimeInput исправлена ошибка, из-за которой не подставлялось время после закрытия мобильного календаря
\n- В компоненте DateRangeInput исправлены ошибки, из-за которых в коллбэке onComplete передавалось неверное значение value и при полной очистке инпута период в календаре не сбрасывался
\n\n- Обновлены зависимости\n - calendar@6.2.2\n - input@11.1.3\n\n## 2.2.1\n\n### Patch Changes\n\n### [#422](https://github.com/core-ds/core-components/pull/422)\n\n- "export" типов заменен на "export type"\n\n- Обновлены зависимости\n - input@11.1.2\n - calendar@6.2.1\n\n## 2.2.0\n\n### Minor Changes\n\n### [#334](https://github.com/core-ds/core-components/pull/334)\n\n- В компонентах DateRangeInput, DateTimeInput и CalendarInput добавлены mobile и desktop версии компонентов. Название компонентов было изменено по схеме Component → ComponentDesktop\n- В компонентах Calendar и InputAutocomplete добавлена responsive версия компонентов. Название компонентов было изменено по схеме Component → ComponentResponsive
\n- В компонентах PickerButton и Tooltip добавлен новый пропс breakpoint. Название компонентов было изменено по схеме Component -→ ComponentResponsive для PickerButton и Component → ComponentDesktop для Tooltip
\n- В компонентах Confirmation и SidePanel добавлен новый пропс breakpoint
\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - calendar@6.2.0\n - icon-button@6.0.2\n - input@11.1.1\n - popover@6.0.5\n\n## 2.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.15\n\n## 2.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.14\n\n## 2.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.4\n - calendar@6.1.13\n\n## 2.1.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с \'alfabank.servicecdn.ru\' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.0\n - calendar@6.1.12\n\n## 2.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.3\n - calendar@6.1.11\n - input@11.0.2\n - icon-button@6.0.1\n\n## 2.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type=\'number\'\n\n- Обновлены зависимости\n - input@11.0.1\n - calendar@6.1.10\n\n## 2.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.0\n - input@11.0.0\n - calendar@6.1.9\n\n## 1.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@10.2.5\n - calendar@6.1.8\n - popover@6.0.2\n\n## 1.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.7\n\n## 1.1.2\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n- Updated dependencies [[#282](https://github.com/core-ds/core-components/pull/282)]\n - @alfalab/core-components-calendar@6.1.6\n - @alfalab/core-components-icon-button@5.0.5\n - @alfalab/core-components-input@10.2.4\n\n## 1.1.1\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-calendar@6.1.5\n - @alfalab/core-components-input@10.2.3\n\n## 1.1.0\n\n### Minor Changes\n\n- [#175](https://github.com/core-ds/core-components/pull/175): Новые компоненты: TimeInput, DateTimeInput, DateRangeInput. Thanks [@blackraydev](https://github.com/blackraydev)\n\n### Patch Changes\n\n- Updated dependencies [[#175](https://github.com/core-ds/core-components/pull/175)]\n - @alfalab/core-components-calendar@6.1.4\n',package_namespaceObject={i8:"3.0.8"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"стандартный-вид-компонента",children:"Стандартный вид компонента"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Поле ввода с маской ДД.ММ.ГГГГ – ДД.ММ.ГГГГ. Использование пикера опционально."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(\n
\n \n
,\n);\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"пикер",children:"Пикер"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Пикер используется, когда выбор дат ограничен. Например, если нельзя указывать выходные дни.\nПри наличии пикера допустимо блокировать ввод с клавиатуры."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,mobileHeight:640,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const [disableUserInput, setDisableUserInput] = React.useState(false);\n\n return (\n
\n
\n \n
\n \n\n setDisableUserInput((prevState) => !prevState)}\n label='Запретить ввод с клавиатуры'\n />\n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Поле ввода является оберткой над ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/formcontrol--docs",children:"FormControl"}),",\nпоэтому наследует все доступные для него настройки. Пикер это\n",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"}),"\nв ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/popover--docs",children:"Popover"}),"."]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_responsive=__webpack_require__("./packages/date-range-input/src/Component.responsive.tsx"),index_module="@import '../../../../themes/src/default.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-popover-border-radius: var(--border-radius-m);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-popover-border-radius);\n border: 1px solid var(--color-light-border-secondary);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.block {\n width: 100%;\n}\n\n.calendarIcon {\n margin-right: var(--gap-s-neg);\n height: 100%;\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { DateRangeInput } from '@alfalab/core-components/date-range-input';\nimport { DateRangeInputDesktop } from '@alfalab/core-components/date-range-input/desktop';\nimport { DateRangeInputMobile } from '@alfalab/core-components/date-range-input/mobile';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{of:Component_responsive.V}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)};function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/DateRangeInput",component:modern.DateRangeInput,id:"DateRangeInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"DateRangeInput",children:react.createElement((()=>(0,jsx_runtime.jsx)(modern.DateRangeInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label",""),picker:(0,addon_knobs_dist.boolean)("picker",!1),clear:(0,addon_knobs_dist.boolean)("clear",!1),defaultMonth:(0,addon_knobs_dist.number)("defaultMonth",void 0)})))}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"DateRangeInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/date-range-input",children:"Поле для указания диапазона дат."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),development:(0,jsx_runtime.jsx)(development,{})})]})}const dateRangeInput=()=>react.createElement((()=>(0,jsx_runtime.jsx)(modern.DateRangeInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label",""),picker:(0,addon_knobs_dist.boolean)("picker",!1),clear:(0,addon_knobs_dist.boolean)("clear",!1),defaultMonth:(0,addon_knobs_dist.number)("defaultMonth",void 0)})));dateRangeInput.storyName="DateRangeInput",dateRangeInput.parameters={storySource:{source:'React.createElement(() => {\n return ;\n})'}};const componentMeta={title:"Components/DateRangeInput",id:"DateRangeInput",component:modern.DateRangeInput,tags:["stories-mdx"],includeStories:["dateRangeInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/date-range-input/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{i:function(){return DateRangeInputDesktop}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/desktop.js"),_alfalab_core_components_input_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/input/modern/desktop.js"),_components_date_range_input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/date-range-input/src/components/date-range-input/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DateRangeInputDesktop=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_date_range_input__WEBPACK_IMPORTED_MODULE_3__.b,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({InputComponent:_alfalab_core_components_input_desktop__WEBPACK_IMPORTED_MODULE_2__.InputDesktop,Calendar:_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__.CalendarDesktop},props),{},{ref:ref}))}));try{DateRangeInputDesktop.displayName="DateRangeInputDesktop",DateRangeInputDesktop.__docgenInfo={description:"",displayName:"DateRangeInputDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((payload: { dateFrom?: Date; dateTo?: Date; value: string; }, event?: ChangeEvent | undefined) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно, то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((payload: { dateFrom: Date; dateTo: Date; value: string; }, event?: ChangeEvent) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-range-input/src/Component.desktop.tsx#DateRangeInputDesktop"]={docgenInfo:DateRangeInputDesktop.__docgenInfo,name:"DateRangeInputDesktop",path:"packages/date-range-input/src/Component.desktop.tsx#DateRangeInputDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-range-input/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return DateRangeInputMobile}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/mobile.js"),_alfalab_core_components_input_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/input/modern/mobile.js"),_components_date_range_input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/date-range-input/src/components/date-range-input/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DateRangeInputMobile=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_date_range_input__WEBPACK_IMPORTED_MODULE_3__.b,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({InputComponent:_alfalab_core_components_input_mobile__WEBPACK_IMPORTED_MODULE_2__.InputMobile,Calendar:_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__.CalendarMobile,view:"mobile"},props),{},{ref:ref}))}));try{DateRangeInputMobile.displayName="DateRangeInputMobile",DateRangeInputMobile.__docgenInfo={description:"",displayName:"DateRangeInputMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((payload: { dateFrom?: Date; dateTo?: Date; value: string; }, event?: ChangeEvent | undefined) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно, то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((payload: { dateFrom: Date; dateTo: Date; value: string; }, event?: ChangeEvent) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-range-input/src/Component.mobile.tsx#DateRangeInputMobile"]={docgenInfo:DateRangeInputMobile.__docgenInfo,name:"DateRangeInputMobile",path:"packages/date-range-input/src/Component.mobile.tsx#DateRangeInputMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-range-input/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{V:function(){return DateRangeInputResponsive}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/date-range-input/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/date-range-input/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["breakpoint"],DateRangeInputResponsive=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded),_useMedia=(0,_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__.GS)([["mobile","(max-width: ".concat(breakpoint-1,"px)")],["desktop","(min-width: ".concat(breakpoint,"px)")]],"desktop");return"desktop"===(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMedia,1)[0]?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_desktop__WEBPACK_IMPORTED_MODULE_1__.i,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref})):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_mobile__WEBPACK_IMPORTED_MODULE_2__.Z,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref}))}));try{DateRangeInputResponsive.displayName="DateRangeInputResponsive",DateRangeInputResponsive.__docgenInfo={description:"",displayName:"DateRangeInputResponsive",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((payload: { dateFrom?: Date; dateTo?: Date; value: string; }, event?: ChangeEvent | undefined) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно, то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((payload: { dateFrom: Date; dateTo: Date; value: string; }, event?: ChangeEvent) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-range-input/src/Component.responsive.tsx#DateRangeInputResponsive"]={docgenInfo:DateRangeInputResponsive.__docgenInfo,name:"DateRangeInputResponsive",path:"packages/date-range-input/src/Component.responsive.tsx#DateRangeInputResponsive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-range-input/src/components/date-range-input/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{b:function(){return DateRangeInput}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),react_merge_refs_esm=__webpack_require__("./node_modules/react-merge-refs/dist/react-merge-refs.esm.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),startOfMonth=__webpack_require__("./node_modules/date-fns/esm/startOfMonth/index.js"),esm_isValid=__webpack_require__("./node_modules/date-fns/esm/isValid/index.js"),shared=__webpack_require__("./dist/calendar/modern/shared.js"),modern=__webpack_require__("./dist/icon-button/modern/index.js"),popover_modern=__webpack_require__("./dist/popover/modern/index.js"),esm=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),CalendarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CalendarMIcon.js"),parse=__webpack_require__("./node_modules/date-fns/esm/parse/index.js"),DATE_MASK=[/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/," ","-"," ",/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/],isCompleteDateInput=function isCompleteDateInput(input){return input.length===DATE_MASK.length},parseDateString=function parseDateString(value){var dateFormat=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"dd.MM.yyyy";return(0,parse.Z)(value,dateFormat,new Date)},parseTimestampToDate=function parseTimestampToDate(timestamp){var date=new Date(timestamp),year=date.getFullYear(),month=date.getMonth()+1,day=date.getDate();return month<10&&(month="0".concat(month)),day<10&&(day="0".concat(day)),"".concat(day,".").concat(month,".").concat(year)},index_module_component="component_oe2U2",index_module_calendarContainer="calendarContainer_o4ZCa",index_module_calendarResponsive="calendarResponsive_Uf5v8",index_module_block="block_yYGNM",index_module_calendarIcon="calendarIcon_foTRj",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className","inputClassName","popoverClassName","disabled","readOnly","disableUserInput","picker","defaultValue","value","onChange","onComplete","onClose","rightAddons","useAnchorWidth","block","popoverPosition","zIndexPopover","preventFlip","InputComponent","Calendar","calendarProps","defaultMonth","minDate","maxDate","offDays","events","defaultOpen","view"],DateRangeInput=react.forwardRef((function(_ref,ref){var _calendarProps$respon,className=_ref.className,inputClassName=_ref.inputClassName,popoverClassName=_ref.popoverClassName,disabled=_ref.disabled,readOnly=_ref.readOnly,_ref$disableUserInput=_ref.disableUserInput,disableUserInput=void 0!==_ref$disableUserInput&&_ref$disableUserInput,picker=_ref.picker,_ref$defaultValue=_ref.defaultValue,defaultValue=void 0===_ref$defaultValue?"":_ref$defaultValue,propValue=_ref.value,onChange=_ref.onChange,onComplete=_ref.onComplete,onClose=_ref.onClose,rightAddons=_ref.rightAddons,useAnchorWidth=_ref.useAnchorWidth,block=_ref.block,_ref$popoverPosition=_ref.popoverPosition,popoverPosition=void 0===_ref$popoverPosition?"bottom-start":_ref$popoverPosition,zIndexPopover=_ref.zIndexPopover,preventFlip=_ref.preventFlip,InputComponent=_ref.InputComponent,Calendar=_ref.Calendar,_ref$calendarProps=_ref.calendarProps,calendarProps=void 0===_ref$calendarProps?{}:_ref$calendarProps,defaultMonth=_ref.defaultMonth,_ref$minDate=_ref.minDate,minDate=void 0===_ref$minDate?calendarProps.minDate:_ref$minDate,_ref$maxDate=_ref.maxDate,maxDate=void 0===_ref$maxDate?calendarProps.maxDate:_ref$maxDate,_ref$offDays=_ref.offDays,offDays=void 0===_ref$offDays?calendarProps.offDays||[]:_ref$offDays,_ref$events=_ref.events,events=void 0===_ref$events?calendarProps.events||[]:_ref$events,_ref$defaultOpen=_ref.defaultOpen,defaultOpen=void 0!==_ref$defaultOpen&&_ref$defaultOpen,_ref$view=_ref.view,view=void 0===_ref$view?"desktop":_ref$view,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(null),iconRef=(0,react.useRef)(null),calendarRef=(0,react.useRef)(null),_useState=(0,react.useState)(propValue||defaultValue),_useState2=(0,slicedToArray.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1],_useState3=(0,react.useState)(defaultOpen),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],inputDisabled=disabled||readOnly,calendarResponsive=null===(_calendarProps$respon=null==calendarProps?void 0:calendarProps.responsive)||void 0===_calendarProps$respon||_calendarProps$respon,_usePeriod=(0,shared.usePeriod)({onPeriodChange:function handlePeriodChange(from,to){from&&!to&&value.length===DATE_MASK.length?setValue(parseTimestampToDate(from)):(!from&&!to&&10===value.length||from===to&&value.length===DATE_MASK.length)&&setValue("");var dateFrom=from?new Date(from):void 0,dateTo=to?new Date(to):void 0,newValue=[from,to].filter(Boolean).map((function(timestamp){return parseTimestampToDate(timestamp)})).join(" - ");null==onChange||onChange({dateFrom:dateFrom,dateTo:dateTo,value:newValue}),dateFrom&&dateTo&&(null==onComplete||onComplete({dateFrom:dateFrom,dateTo:dateTo,value:newValue}))}}),selectedFrom=_usePeriod.selectedFrom,selectedTo=_usePeriod.selectedTo,updatePeriod=_usePeriod.updatePeriod,resetPeriod=_usePeriod.resetPeriod,setStart=_usePeriod.setStart,setEnd=_usePeriod.setEnd;function getDates(val){var formattedValue=function format(value){return value.replace(/^(\d\d)(\d)$/,"$1.$2").replace(/^(\d\d)\.(\d\d)(\d)$/,"$1.$2.$3").replace(/^(\d\d)\d\.(.*)/,"$1.$2").replace(/^(\d\d\.\d\d)\d\.(.*)/,"$1.$2").replace(/\.$/,"").replace(/\ $/,"").replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d) - (\d.*)/,"$1 - $3").replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d)- (\d.*)/,"$1 - $3").replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d) (\d.*)/,"$1 - $3").replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d\d.\d\d\d)/,"$1 - $3").replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d.\d\d\d\d)/,"$1 - $3").replace(/^(\d\d\.\d\d)(\d\d\d\d)/,"$1.$2").replace(/^(\d\d)(\d\d\.\d\d\d\d)/,"$1.$2").replace(/^(\d\d)(\d.*)/,"$1.$2").replace(/^(\d\d.\d\d)(\d.*)/,"$1.$2").replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d)(\d)/,"$1 - $2.$3").replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d).(\d\d)(\d)/,"$1 - $2.$3.$4").replace(/^(\d\d\.\d\d\.\d\d\d\d)- (\d.*)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d.*)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d) -/,"$1").replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d.*)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d) {2}(\d.*)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d)-/,"$1").replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/,"$1.$2.$4").replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3")}(val),dateArr=formattedValue.split("-").map((function(v){return v.trim()}));return{formattedValue:formattedValue,dateFrom:dateArr[0]?parseDateString(dateArr[0]):void 0,dateTo:dateArr[1]?parseDateString(dateArr[1]):void 0,dateArr:dateArr}}function setCalendarPeriod(_ref2){var dateFrom=_ref2.dateFrom,dateTo=_ref2.dateTo;setStart(null==dateFrom?void 0:dateFrom.getTime()),setEnd(null==dateTo?void 0:dateTo.getTime())}(0,react.useEffect)((function(){value&&setCalendarPeriod(getDates(value))}),[]),(0,react.useEffect)((function(){setValue((function(prevValue){if(selectedFrom&&selectedTo){var from=parseTimestampToDate(selectedFrom),to=parseTimestampToDate(selectedTo);return"".concat(from," - ").concat(to)}return selectedFrom&&prevValue.length<10?parseTimestampToDate(selectedFrom):prevValue}))}),[selectedFrom,selectedTo]),(0,esm.Dz)((function(){var newPropValue=propValue||"";setValue((function(prevValue){if(prevValue===newPropValue)return prevValue;var dates=getDates(newPropValue);return setCalendarPeriod(dates),dates.formattedValue}))}),[propValue]);var handleCalendarClose=function handleCalendarClose(){"mobile"===view&&onClose&&onClose(),setOpen(!1)},handleCalendarChange=function handleCalendarChange(date){updatePeriod(date)},handleCalendarWrapperMouseDown=function handleCalendarWrapperMouseDown(event){event.preventDefault()};return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(index_module_component,className,(0,defineProperty.Z)({},index_module_block,block)),onFocus:inputDisabled?void 0:function handleInputWrapperFocus(event){"desktop"===view&&(picker&&setOpen(!0),!open&&"INPUT"!==event.target.tagName&&calendarRef.current&&calendarRef.current.focus())},onBlur:function handleBlur(event){if("desktop"===view){var _calendarRef$current,_inputRef$current,_iconRef$current,target=event.relatedTarget||document.activeElement;!1===(null===(_calendarRef$current=calendarRef.current)||void 0===_calendarRef$current?void 0:_calendarRef$current.contains(target))&&!1===(null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current?void 0:_inputRef$current.contains(target))&&!1===(null===(_iconRef$current=iconRef.current)||void 0===_iconRef$current?void 0:_iconRef$current.contains(target))&&(setOpen(!1),onClose&&onClose())}},children:[InputComponent?(0,jsx_runtime.jsx)(InputComponent,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{block:block,ref:(0,react_merge_refs_esm.Z)([ref,inputRef]),value:value,onChange:function handleChange(event){var _dateArr$,_dateArr$2,newValue=event.target.value;if(!(newValue.length>DATE_MASK.length||/[^\d. -]/.test(newValue))){var dots=newValue.match(/\./g),hyphen=newValue.match(/\-/g);if(!(dots&&dots.length>4||hyphen&&hyphen.length>1)){var _getDates=getDates(newValue),formattedValue=_getDates.formattedValue,dateFrom=_getDates.dateFrom,dateTo=_getDates.dateTo,dateArr=_getDates.dateArr;if(dateFrom||dateTo?selectedFrom&&formattedValue.length<10?setStart():selectedFrom&&selectedTo?setEnd():dateFrom&&(0,esm_isValid.Z)(dateFrom)&&10===(null===(_dateArr$=dateArr[0])||void 0===_dateArr$?void 0:_dateArr$.length)&&dateFrom.getTime()!==selectedFrom?setStart(dateFrom.getTime()):dateTo&&(0,esm_isValid.Z)(dateTo)&&10===(null===(_dateArr$2=dateArr[1])||void 0===_dateArr$2?void 0:_dateArr$2.length)&&dateTo.getTime()!==selectedTo&&setEnd(dateTo.getTime()):resetPeriod(),setValue(formattedValue),null==onChange||onChange({dateFrom:dateFrom,dateTo:dateTo,value:formattedValue},event),isCompleteDateInput(formattedValue)){var valid=function isValid(inputValue,dateFrom,dateTo){return!inputValue||isCompleteDateInput(inputValue)&&(0,esm_isValid.Z)(parseDateString(dateFrom))&&(0,esm_isValid.Z)(parseDateString(dateTo))}(formattedValue,dateArr[0],dateArr[1]);if(!valid)return;dateFrom&&dateTo&&(null==onComplete||onComplete({dateFrom:dateFrom,dateTo:dateTo,value:formattedValue},event))}}}},disabled:disabled,readOnly:readOnly,className:inputClassName,onClear:function handleClear(){setValue(""),resetPeriod()},disableUserInput:disableUserInput,rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons,picker&&(0,jsx_runtime.jsx)(modern.IconButton,{className:index_module_calendarIcon,ref:iconRef,onClick:inputDisabled?void 0:function handleIconButtonClick(){open||setOpen(!0),"desktop"===view&&inputRef.current&&inputRef.current.focus()},icon:CalendarMIcon.CalendarMIcon,size:"s"})]})})):null,picker&&(0,jsx_runtime.jsx)(popover_modern.Popover,{open:open,useAnchorWidth:useAnchorWidth,anchorElement:inputRef.current,popperClassName:classnames_default()(index_module_calendarContainer,(0,defineProperty.Z)({},index_module_calendarResponsive,calendarResponsive)),className:popoverClassName,position:popoverPosition,offset:[0,8],withTransition:!1,preventFlip:preventFlip,zIndex:zIndexPopover,children:function renderCalendar(){var activeMonth=selectedTo&&(0,startOfMonth.Z)(selectedTo)||selectedFrom&&(0,startOfMonth.Z)(selectedFrom);return Calendar?(0,jsx_runtime.jsx)("div",{onMouseDown:handleCalendarWrapperMouseDown,children:(0,jsx_runtime.jsx)(Calendar,(0,objectSpread2.Z)((0,objectSpread2.Z)({},calendarProps),{},{responsive:calendarResponsive,open:open,onClose:handleCalendarClose,ref:calendarRef,defaultMonth:activeMonth||defaultMonth,selectedFrom:selectedFrom,selectedTo:selectedTo,onChange:handleCalendarChange,minDate:minDate,maxDate:maxDate,offDays:offDays,events:events}))}):null}()})]})}));try{DateRangeInput.displayName="DateRangeInput",DateRangeInput.__docgenInfo={description:"",displayName:"DateRangeInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:{value:""},description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:{value:"false"},description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onClose",required:!1,type:{name:"(() => void)"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((payload: { dateFrom?: Date; dateTo?: Date; value: string; }, event?: ChangeEvent | undefined) => void) | undefined"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((payload: { dateFrom: Date; dateTo: Date; value: string; }, event?: ChangeEvent) => void)"}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},calendarProps:{defaultValue:{value:"{}"},description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:{value:"calendarProps.minDate"},description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:{value:"calendarProps.maxDate"},description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:{value:"calendarProps.events || []"},description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:{value:"calendarProps.offDays || []"},description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},defaultOpen:{defaultValue:{value:"false"},description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:{value:"bottom-start"},description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно, то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},view:{defaultValue:{value:"desktop"},description:"Отображение компонента в мобильном или десктопном виде",name:"view",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"mobile"'}]}},InputComponent:{defaultValue:null,description:"Компонент инпута",name:"InputComponent",required:!1,type:{name:"ElementType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-range-input/src/components/date-range-input/Component.tsx#DateRangeInput"]={docgenInfo:DateRangeInput.__docgenInfo,name:"DateRangeInput",path:"packages/date-range-input/src/components/date-range-input/Component.tsx#DateRangeInput"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/date-range-input-src-docs-Component-stories-mdx.23b1f3b4.iframe.bundle.js b/master/date-range-input-src-docs-Component-stories-mdx.23b1f3b4.iframe.bundle.js deleted file mode 100644 index e31787bc86..0000000000 --- a/master/date-range-input-src-docs-Component-stories-mdx.23b1f3b4.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[1172],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/date-range-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dateRangeInput:function(){return dateRangeInput},default:function(){return Component_stories}});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/date-range-input/modern/index.js"),CHANGELOGraw_namespaceObject='# @alfalab/core-components-date-range-input\n\n## 3.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.2\n - calendar@7.0.5\n - icon-button@6.2.4\n\n## 3.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.1\n\n## 3.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.0\n - calendar@7.0.4\n - icon-button@6.2.3\n\n## 3.0.4\n\n### Patch Changes\n\n### [#815](https://github.com/core-ds/core-components/pull/815)\n\n- Исправлена проблема, из-за которой при включенной пропсе disableUserInput невозможно было переставить фокус клавишей Tab\n\n## 3.0.3\n\n### Patch Changes\n\n### [#809](https://github.com/core-ds/core-components/pull/809)\n\n- Исправлена ошибка, из-за которой не сбрасывался выбранный диапозон в мобильном календаре\n\n- Обновлены зависимости\n - calendar@7.0.3\n\n## 3.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.2\n - calendar@7.0.2\n - icon-button@6.2.2\n\n## 3.0.1\n\n### Patch Changes\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n- Добавлены недостающие зависимости в package.json\n\n- Обновлены зависимости\n - calendar@7.0.1\n - icon-button@6.2.1\n - input@12.0.1\n\n## 3.0.0\n\n### Major Changes\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n- Удалена responsive точка входа. (В проектах нужно заменить импорт @alfalab/core-components-calendar/responsive на @alfalab/core-components-calendar)\n\n### Minor Changes\n\n### [#716](https://github.com/core-ds/core-components/pull/716)\n\n- Компонент Input заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.0\n - icon-button@6.2.0\n - input@12.0.0\n - popover@6.1.0\n\n## 2.4.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.2\n\n## 2.4.0\n\n### Minor Changes\n\n### [#768](https://github.com/core-ds/core-components/pull/768)\n\n- В компоненты CalendarInput, DateRangeInput, DateTimeInput добавлен проп disableUserInput отвечающий за запрет ввода с клавиатуры\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.1\n - icon-button@6.1.3\n - input@11.1.18\n - popover@6.0.9\n\n## 2.3.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.0\n\n## 2.3.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.2\n - icon-button@6.1.2\n - input@11.1.17\n\n## 2.3.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.1\n\n## 2.3.10\n\n### Patch Changes\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n- Обновлены зависимости\n - calendar@6.5.0\n - input@11.1.16\n - icon-button@6.1.1\n\n## 2.3.9\n\n### Patch Changes\n\n### [#635](https://github.com/core-ds/core-components/pull/635)\n\n- Расширена область нажатия для кнопок в компонентах DateRangeInput, DateTimeInput, PasswordInput\n\n- Обновлены зависимости\n - calendar@6.4.0\n - icon-button@6.1.0\n - input@11.1.15\n\n## 2.3.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.3\n - icon-button@6.0.12\n - input@11.1.14\n\n## 2.3.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.2\n - icon-button@6.0.11\n - input@11.1.13\n\n## 2.3.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.1\n - icon-button@6.0.10\n - input@11.1.12\n\n## 2.3.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.0\n - input@11.1.11\n\n## 2.3.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.10\n - calendar@6.2.18\n\n## 2.3.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.17\n\n## 2.3.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.16\n\n## 2.3.1\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - calendar@6.2.15\n - icon-button@6.0.9\n - input@11.1.9\n - popover@6.0.8\n\n## 2.3.0\n\n### Minor Changes\n\n### [#579](https://github.com/core-ds/core-components/pull/579)\n\n- Добавлены новые правила форматирования для DateInput, DateRangeInput, DateTimeInput\n\n## 2.2.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.14\n\n## 2.2.14\n\n### Patch Changes\n\n### [#557](https://github.com/core-ds/core-components/pull/557)\n\n- Добавлены бордеры у выпадающих меню\n\n## 2.2.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.13\n\n## 2.2.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.12\n\n## 2.2.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.11\n - icon-button@6.0.8\n - input@11.1.8\n\n## 2.2.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.10\n\n## 2.2.9\n\n### Patch Changes\n\n### [#490](https://github.com/core-ds/core-components/pull/490)\n\n- Добавлен новый пропс onClose - обработчик закрытия календаря\n\n### [#507](https://github.com/core-ds/core-components/pull/507)\n\n- Исправлены ошибки, из-за которых компонент неверно реагировал на изменение свойства value извне и неверно отображался активный месяц в календаре\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n### [#522](https://github.com/core-ds/core-components/pull/522)\n\n- Исправлена TS ошибка "ref does not exist on type"\n\n- Обновлены зависимости\n - calendar@6.2.9\n - icon-button@6.0.7\n - input@11.1.7\n - popover@6.0.7\n\n## 2.2.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.8\n - icon-button@6.0.6\n - input@11.1.6\n\n## 2.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.7\n - icon-button@6.0.5\n - input@11.1.5\n\n## 2.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.6\n - calendar@6.2.6\n\n## 2.2.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.5\n\n## 2.2.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.4\n - icon-button@6.0.4\n - input@11.1.4\n\n## 2.2.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.3\n - calendar@6.2.3\n\n## 2.2.2\n\n### Patch Changes\n\n### [#393](https://github.com/core-ds/core-components/pull/393)\n\n- Исправлен borderRadius у календаря\n- Исправлена ошибка, из-за которой коллбэки onChange и onComplete в компоненте DateTimeInput не вызывались, если даты выбиралась с помощью календаря
\n- В компоненте DateTimeInput изменена типизация onChange и onComplete коллбэков. Теперь event опциональный, так как при выборе даты в пикере ChangeEvent в инпуте не происходит
\n- В компоненте DateTimeInput исправлена ошибка, из-за которой не подставлялось время после закрытия мобильного календаря
\n- В компоненте DateRangeInput исправлены ошибки, из-за которых в коллбэке onComplete передавалось неверное значение value и при полной очистке инпута период в календаре не сбрасывался
\n\n- Обновлены зависимости\n - calendar@6.2.2\n - input@11.1.3\n\n## 2.2.1\n\n### Patch Changes\n\n### [#422](https://github.com/core-ds/core-components/pull/422)\n\n- "export" типов заменен на "export type"\n\n- Обновлены зависимости\n - input@11.1.2\n - calendar@6.2.1\n\n## 2.2.0\n\n### Minor Changes\n\n### [#334](https://github.com/core-ds/core-components/pull/334)\n\n- В компонентах DateRangeInput, DateTimeInput и CalendarInput добавлены mobile и desktop версии компонентов. Название компонентов было изменено по схеме Component → ComponentDesktop\n- В компонентах Calendar и InputAutocomplete добавлена responsive версия компонентов. Название компонентов было изменено по схеме Component → ComponentResponsive
\n- В компонентах PickerButton и Tooltip добавлен новый пропс breakpoint. Название компонентов было изменено по схеме Component -→ ComponentResponsive для PickerButton и Component → ComponentDesktop для Tooltip
\n- В компонентах Confirmation и SidePanel добавлен новый пропс breakpoint
\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - calendar@6.2.0\n - icon-button@6.0.2\n - input@11.1.1\n - popover@6.0.5\n\n## 2.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.15\n\n## 2.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.14\n\n## 2.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.4\n - calendar@6.1.13\n\n## 2.1.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с \'alfabank.servicecdn.ru\' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.0\n - calendar@6.1.12\n\n## 2.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.3\n - calendar@6.1.11\n - input@11.0.2\n - icon-button@6.0.1\n\n## 2.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type=\'number\'\n\n- Обновлены зависимости\n - input@11.0.1\n - calendar@6.1.10\n\n## 2.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.0\n - input@11.0.0\n - calendar@6.1.9\n\n## 1.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@10.2.5\n - calendar@6.1.8\n - popover@6.0.2\n\n## 1.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.7\n\n## 1.1.2\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n- Updated dependencies [[#282](https://github.com/core-ds/core-components/pull/282)]\n - @alfalab/core-components-calendar@6.1.6\n - @alfalab/core-components-icon-button@5.0.5\n - @alfalab/core-components-input@10.2.4\n\n## 1.1.1\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-calendar@6.1.5\n - @alfalab/core-components-input@10.2.3\n\n## 1.1.0\n\n### Minor Changes\n\n- [#175](https://github.com/core-ds/core-components/pull/175): Новые компоненты: TimeInput, DateTimeInput, DateRangeInput. Thanks [@blackraydev](https://github.com/blackraydev)\n\n### Patch Changes\n\n- Updated dependencies [[#175](https://github.com/core-ds/core-components/pull/175)]\n - @alfalab/core-components-calendar@6.1.4\n',package_namespaceObject={i8:"3.0.7"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"стандартный-вид-компонента",children:"Стандартный вид компонента"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Поле ввода с маской ДД.ММ.ГГГГ – ДД.ММ.ГГГГ. Использование пикера опционально."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(\n
\n \n
,\n);\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"пикер",children:"Пикер"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Пикер используется, когда выбор дат ограничен. Например, если нельзя указывать выходные дни.\nПри наличии пикера допустимо блокировать ввод с клавиатуры."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,mobileHeight:640,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const [disableUserInput, setDisableUserInput] = React.useState(false);\n\n return (\n
\n
\n \n
\n \n\n setDisableUserInput((prevState) => !prevState)}\n label='Запретить ввод с клавиатуры'\n />\n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Поле ввода является оберткой над ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/formcontrol--docs",children:"FormControl"}),",\nпоэтому наследует все доступные для него настройки. Пикер это\n",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"}),"\nв ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/popover--docs",children:"Popover"}),"."]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_responsive=__webpack_require__("./packages/date-range-input/src/Component.responsive.tsx"),index_module="@import '../../../../themes/src/default.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-popover-border-radius: var(--border-radius-m);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-popover-border-radius);\n border: 1px solid var(--color-light-border-secondary);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.block {\n width: 100%;\n}\n\n.calendarIcon {\n margin-right: var(--gap-s-neg);\n height: 100%;\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { DateRangeInput } from '@alfalab/core-components/date-range-input';\nimport { DateRangeInputDesktop } from '@alfalab/core-components/date-range-input/desktop';\nimport { DateRangeInputMobile } from '@alfalab/core-components/date-range-input/mobile';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{of:Component_responsive.V}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)};function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/DateRangeInput",component:modern.DateRangeInput,id:"DateRangeInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"DateRangeInput",children:react.createElement((()=>(0,jsx_runtime.jsx)(modern.DateRangeInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label",""),picker:(0,addon_knobs_dist.boolean)("picker",!1),clear:(0,addon_knobs_dist.boolean)("clear",!1),defaultMonth:(0,addon_knobs_dist.number)("defaultMonth",void 0)})))}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"DateRangeInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/date-range-input",children:"Поле для указания диапазона дат."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),development:(0,jsx_runtime.jsx)(development,{})})]})}const dateRangeInput=()=>react.createElement((()=>(0,jsx_runtime.jsx)(modern.DateRangeInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label",""),picker:(0,addon_knobs_dist.boolean)("picker",!1),clear:(0,addon_knobs_dist.boolean)("clear",!1),defaultMonth:(0,addon_knobs_dist.number)("defaultMonth",void 0)})));dateRangeInput.storyName="DateRangeInput",dateRangeInput.parameters={storySource:{source:'React.createElement(() => {\n return ;\n})'}};const componentMeta={title:"Components/DateRangeInput",id:"DateRangeInput",component:modern.DateRangeInput,tags:["stories-mdx"],includeStories:["dateRangeInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/date-range-input/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{i:function(){return DateRangeInputDesktop}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/desktop.js"),_alfalab_core_components_input_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/input/modern/desktop.js"),_components_date_range_input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/date-range-input/src/components/date-range-input/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DateRangeInputDesktop=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_date_range_input__WEBPACK_IMPORTED_MODULE_3__.b,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({InputComponent:_alfalab_core_components_input_desktop__WEBPACK_IMPORTED_MODULE_2__.InputDesktop,Calendar:_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__.CalendarDesktop},props),{},{ref:ref}))}));try{DateRangeInputDesktop.displayName="DateRangeInputDesktop",DateRangeInputDesktop.__docgenInfo={description:"",displayName:"DateRangeInputDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((payload: { dateFrom?: Date; dateTo?: Date; value: string; }, event?: ChangeEvent | undefined) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно, то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((payload: { dateFrom: Date; dateTo: Date; value: string; }, event?: ChangeEvent) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-range-input/src/Component.desktop.tsx#DateRangeInputDesktop"]={docgenInfo:DateRangeInputDesktop.__docgenInfo,name:"DateRangeInputDesktop",path:"packages/date-range-input/src/Component.desktop.tsx#DateRangeInputDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-range-input/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return DateRangeInputMobile}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/mobile.js"),_alfalab_core_components_input_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/input/modern/mobile.js"),_components_date_range_input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/date-range-input/src/components/date-range-input/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DateRangeInputMobile=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_date_range_input__WEBPACK_IMPORTED_MODULE_3__.b,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({InputComponent:_alfalab_core_components_input_mobile__WEBPACK_IMPORTED_MODULE_2__.InputMobile,Calendar:_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__.CalendarMobile,view:"mobile"},props),{},{ref:ref}))}));try{DateRangeInputMobile.displayName="DateRangeInputMobile",DateRangeInputMobile.__docgenInfo={description:"",displayName:"DateRangeInputMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((payload: { dateFrom?: Date; dateTo?: Date; value: string; }, event?: ChangeEvent | undefined) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно, то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((payload: { dateFrom: Date; dateTo: Date; value: string; }, event?: ChangeEvent) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-range-input/src/Component.mobile.tsx#DateRangeInputMobile"]={docgenInfo:DateRangeInputMobile.__docgenInfo,name:"DateRangeInputMobile",path:"packages/date-range-input/src/Component.mobile.tsx#DateRangeInputMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-range-input/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{V:function(){return DateRangeInputResponsive}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/date-range-input/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/date-range-input/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["breakpoint"],DateRangeInputResponsive=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded),_useMedia=(0,_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__.GS)([["mobile","(max-width: ".concat(breakpoint-1,"px)")],["desktop","(min-width: ".concat(breakpoint,"px)")]],"desktop");return"desktop"===(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMedia,1)[0]?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_desktop__WEBPACK_IMPORTED_MODULE_1__.i,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref})):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_mobile__WEBPACK_IMPORTED_MODULE_2__.Z,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref}))}));try{DateRangeInputResponsive.displayName="DateRangeInputResponsive",DateRangeInputResponsive.__docgenInfo={description:"",displayName:"DateRangeInputResponsive",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((payload: { dateFrom?: Date; dateTo?: Date; value: string; }, event?: ChangeEvent | undefined) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно, то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((payload: { dateFrom: Date; dateTo: Date; value: string; }, event?: ChangeEvent) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-range-input/src/Component.responsive.tsx#DateRangeInputResponsive"]={docgenInfo:DateRangeInputResponsive.__docgenInfo,name:"DateRangeInputResponsive",path:"packages/date-range-input/src/Component.responsive.tsx#DateRangeInputResponsive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-range-input/src/components/date-range-input/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{b:function(){return DateRangeInput}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),react_merge_refs_esm=__webpack_require__("./node_modules/react-merge-refs/dist/react-merge-refs.esm.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),startOfMonth=__webpack_require__("./node_modules/date-fns/esm/startOfMonth/index.js"),esm_isValid=__webpack_require__("./node_modules/date-fns/esm/isValid/index.js"),shared=__webpack_require__("./dist/calendar/modern/shared.js"),modern=__webpack_require__("./dist/icon-button/modern/index.js"),popover_modern=__webpack_require__("./dist/popover/modern/index.js"),esm=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),CalendarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CalendarMIcon.js"),parse=__webpack_require__("./node_modules/date-fns/esm/parse/index.js"),DATE_MASK=[/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/," ","-"," ",/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/],isCompleteDateInput=function isCompleteDateInput(input){return input.length===DATE_MASK.length},parseDateString=function parseDateString(value){var dateFormat=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"dd.MM.yyyy";return(0,parse.Z)(value,dateFormat,new Date)},parseTimestampToDate=function parseTimestampToDate(timestamp){var date=new Date(timestamp),year=date.getFullYear(),month=date.getMonth()+1,day=date.getDate();return month<10&&(month="0".concat(month)),day<10&&(day="0".concat(day)),"".concat(day,".").concat(month,".").concat(year)},index_module_component="component_oe2U2",index_module_calendarContainer="calendarContainer_o4ZCa",index_module_calendarResponsive="calendarResponsive_Uf5v8",index_module_block="block_yYGNM",index_module_calendarIcon="calendarIcon_foTRj",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className","inputClassName","popoverClassName","disabled","readOnly","disableUserInput","picker","defaultValue","value","onChange","onComplete","onClose","rightAddons","useAnchorWidth","block","popoverPosition","zIndexPopover","preventFlip","InputComponent","Calendar","calendarProps","defaultMonth","minDate","maxDate","offDays","events","defaultOpen","view"],DateRangeInput=react.forwardRef((function(_ref,ref){var _calendarProps$respon,className=_ref.className,inputClassName=_ref.inputClassName,popoverClassName=_ref.popoverClassName,disabled=_ref.disabled,readOnly=_ref.readOnly,_ref$disableUserInput=_ref.disableUserInput,disableUserInput=void 0!==_ref$disableUserInput&&_ref$disableUserInput,picker=_ref.picker,_ref$defaultValue=_ref.defaultValue,defaultValue=void 0===_ref$defaultValue?"":_ref$defaultValue,propValue=_ref.value,onChange=_ref.onChange,onComplete=_ref.onComplete,onClose=_ref.onClose,rightAddons=_ref.rightAddons,useAnchorWidth=_ref.useAnchorWidth,block=_ref.block,_ref$popoverPosition=_ref.popoverPosition,popoverPosition=void 0===_ref$popoverPosition?"bottom-start":_ref$popoverPosition,zIndexPopover=_ref.zIndexPopover,preventFlip=_ref.preventFlip,InputComponent=_ref.InputComponent,Calendar=_ref.Calendar,_ref$calendarProps=_ref.calendarProps,calendarProps=void 0===_ref$calendarProps?{}:_ref$calendarProps,defaultMonth=_ref.defaultMonth,_ref$minDate=_ref.minDate,minDate=void 0===_ref$minDate?calendarProps.minDate:_ref$minDate,_ref$maxDate=_ref.maxDate,maxDate=void 0===_ref$maxDate?calendarProps.maxDate:_ref$maxDate,_ref$offDays=_ref.offDays,offDays=void 0===_ref$offDays?calendarProps.offDays||[]:_ref$offDays,_ref$events=_ref.events,events=void 0===_ref$events?calendarProps.events||[]:_ref$events,_ref$defaultOpen=_ref.defaultOpen,defaultOpen=void 0!==_ref$defaultOpen&&_ref$defaultOpen,_ref$view=_ref.view,view=void 0===_ref$view?"desktop":_ref$view,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(null),iconRef=(0,react.useRef)(null),calendarRef=(0,react.useRef)(null),_useState=(0,react.useState)(propValue||defaultValue),_useState2=(0,slicedToArray.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1],_useState3=(0,react.useState)(defaultOpen),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],inputDisabled=disabled||readOnly,calendarResponsive=null===(_calendarProps$respon=null==calendarProps?void 0:calendarProps.responsive)||void 0===_calendarProps$respon||_calendarProps$respon,_usePeriod=(0,shared.usePeriod)({onPeriodChange:function handlePeriodChange(from,to){from&&!to&&value.length===DATE_MASK.length?setValue(parseTimestampToDate(from)):(!from&&!to&&10===value.length||from===to&&value.length===DATE_MASK.length)&&setValue("");var dateFrom=from?new Date(from):void 0,dateTo=to?new Date(to):void 0,newValue=[from,to].filter(Boolean).map((function(timestamp){return parseTimestampToDate(timestamp)})).join(" - ");null==onChange||onChange({dateFrom:dateFrom,dateTo:dateTo,value:newValue}),dateFrom&&dateTo&&(null==onComplete||onComplete({dateFrom:dateFrom,dateTo:dateTo,value:newValue}))}}),selectedFrom=_usePeriod.selectedFrom,selectedTo=_usePeriod.selectedTo,updatePeriod=_usePeriod.updatePeriod,resetPeriod=_usePeriod.resetPeriod,setStart=_usePeriod.setStart,setEnd=_usePeriod.setEnd;function getDates(val){var formattedValue=function format(value){return value.replace(/^(\d\d)(\d)$/,"$1.$2").replace(/^(\d\d)\.(\d\d)(\d)$/,"$1.$2.$3").replace(/^(\d\d)\d\.(.*)/,"$1.$2").replace(/^(\d\d\.\d\d)\d\.(.*)/,"$1.$2").replace(/\.$/,"").replace(/\ $/,"").replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d) - (\d.*)/,"$1 - $3").replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d)- (\d.*)/,"$1 - $3").replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d) (\d.*)/,"$1 - $3").replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d\d.\d\d\d)/,"$1 - $3").replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d.\d\d\d\d)/,"$1 - $3").replace(/^(\d\d\.\d\d)(\d\d\d\d)/,"$1.$2").replace(/^(\d\d)(\d\d\.\d\d\d\d)/,"$1.$2").replace(/^(\d\d)(\d.*)/,"$1.$2").replace(/^(\d\d.\d\d)(\d.*)/,"$1.$2").replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d)(\d)/,"$1 - $2.$3").replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d).(\d\d)(\d)/,"$1 - $2.$3.$4").replace(/^(\d\d\.\d\d\.\d\d\d\d)- (\d.*)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d.*)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d) -/,"$1").replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d.*)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d) {2}(\d.*)/,"$1 - $2").replace(/^(\d\d\.\d\d\.\d\d\d\d)-/,"$1").replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/,"$1.$2.$4").replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3")}(val),dateArr=formattedValue.split("-").map((function(v){return v.trim()}));return{formattedValue:formattedValue,dateFrom:dateArr[0]?parseDateString(dateArr[0]):void 0,dateTo:dateArr[1]?parseDateString(dateArr[1]):void 0,dateArr:dateArr}}function setCalendarPeriod(_ref2){var dateFrom=_ref2.dateFrom,dateTo=_ref2.dateTo;setStart(null==dateFrom?void 0:dateFrom.getTime()),setEnd(null==dateTo?void 0:dateTo.getTime())}(0,react.useEffect)((function(){value&&setCalendarPeriod(getDates(value))}),[]),(0,react.useEffect)((function(){setValue((function(prevValue){if(selectedFrom&&selectedTo){var from=parseTimestampToDate(selectedFrom),to=parseTimestampToDate(selectedTo);return"".concat(from," - ").concat(to)}return selectedFrom&&prevValue.length<10?parseTimestampToDate(selectedFrom):prevValue}))}),[selectedFrom,selectedTo]),(0,esm.Dz)((function(){var newPropValue=propValue||"";setValue((function(prevValue){if(prevValue===newPropValue)return prevValue;var dates=getDates(newPropValue);return setCalendarPeriod(dates),dates.formattedValue}))}),[propValue]);var handleCalendarClose=function handleCalendarClose(){"mobile"===view&&onClose&&onClose(),setOpen(!1)},handleCalendarChange=function handleCalendarChange(date){updatePeriod(date)},handleCalendarWrapperMouseDown=function handleCalendarWrapperMouseDown(event){event.preventDefault()};return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(index_module_component,className,(0,defineProperty.Z)({},index_module_block,block)),onFocus:inputDisabled?void 0:function handleInputWrapperFocus(event){"desktop"===view&&(picker&&setOpen(!0),!open&&"INPUT"!==event.target.tagName&&calendarRef.current&&calendarRef.current.focus())},onBlur:function handleBlur(event){if("desktop"===view){var _calendarRef$current,_inputRef$current,_iconRef$current,target=event.relatedTarget||document.activeElement;!1===(null===(_calendarRef$current=calendarRef.current)||void 0===_calendarRef$current?void 0:_calendarRef$current.contains(target))&&!1===(null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current?void 0:_inputRef$current.contains(target))&&!1===(null===(_iconRef$current=iconRef.current)||void 0===_iconRef$current?void 0:_iconRef$current.contains(target))&&(setOpen(!1),onClose&&onClose())}},children:[InputComponent?(0,jsx_runtime.jsx)(InputComponent,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{block:block,ref:(0,react_merge_refs_esm.Z)([ref,inputRef]),value:value,onChange:function handleChange(event){var _dateArr$,_dateArr$2,newValue=event.target.value;if(!(newValue.length>DATE_MASK.length||/[^\d. -]/.test(newValue))){var dots=newValue.match(/\./g),hyphen=newValue.match(/\-/g);if(!(dots&&dots.length>4||hyphen&&hyphen.length>1)){var _getDates=getDates(newValue),formattedValue=_getDates.formattedValue,dateFrom=_getDates.dateFrom,dateTo=_getDates.dateTo,dateArr=_getDates.dateArr;if(dateFrom||dateTo?selectedFrom&&formattedValue.length<10?setStart():selectedFrom&&selectedTo?setEnd():dateFrom&&(0,esm_isValid.Z)(dateFrom)&&10===(null===(_dateArr$=dateArr[0])||void 0===_dateArr$?void 0:_dateArr$.length)&&dateFrom.getTime()!==selectedFrom?setStart(dateFrom.getTime()):dateTo&&(0,esm_isValid.Z)(dateTo)&&10===(null===(_dateArr$2=dateArr[1])||void 0===_dateArr$2?void 0:_dateArr$2.length)&&dateTo.getTime()!==selectedTo&&setEnd(dateTo.getTime()):resetPeriod(),setValue(formattedValue),null==onChange||onChange({dateFrom:dateFrom,dateTo:dateTo,value:formattedValue},event),isCompleteDateInput(formattedValue)){var valid=function isValid(inputValue,dateFrom,dateTo){return!inputValue||isCompleteDateInput(inputValue)&&(0,esm_isValid.Z)(parseDateString(dateFrom))&&(0,esm_isValid.Z)(parseDateString(dateTo))}(formattedValue,dateArr[0],dateArr[1]);if(!valid)return;dateFrom&&dateTo&&(null==onComplete||onComplete({dateFrom:dateFrom,dateTo:dateTo,value:formattedValue},event))}}}},disabled:disabled,readOnly:readOnly,className:inputClassName,onClear:function handleClear(){setValue(""),resetPeriod()},disableUserInput:disableUserInput,rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons,picker&&(0,jsx_runtime.jsx)(modern.IconButton,{className:index_module_calendarIcon,ref:iconRef,onClick:inputDisabled?void 0:function handleIconButtonClick(){open||setOpen(!0),"desktop"===view&&inputRef.current&&inputRef.current.focus()},icon:CalendarMIcon.CalendarMIcon,size:"s"})]})})):null,picker&&(0,jsx_runtime.jsx)(popover_modern.Popover,{open:open,useAnchorWidth:useAnchorWidth,anchorElement:inputRef.current,popperClassName:classnames_default()(index_module_calendarContainer,(0,defineProperty.Z)({},index_module_calendarResponsive,calendarResponsive)),className:popoverClassName,position:popoverPosition,offset:[0,8],withTransition:!1,preventFlip:preventFlip,zIndex:zIndexPopover,children:function renderCalendar(){var activeMonth=selectedTo&&(0,startOfMonth.Z)(selectedTo)||selectedFrom&&(0,startOfMonth.Z)(selectedFrom);return Calendar?(0,jsx_runtime.jsx)("div",{onMouseDown:handleCalendarWrapperMouseDown,children:(0,jsx_runtime.jsx)(Calendar,(0,objectSpread2.Z)((0,objectSpread2.Z)({},calendarProps),{},{responsive:calendarResponsive,open:open,onClose:handleCalendarClose,ref:calendarRef,defaultMonth:activeMonth||defaultMonth,selectedFrom:selectedFrom,selectedTo:selectedTo,onChange:handleCalendarChange,minDate:minDate,maxDate:maxDate,offDays:offDays,events:events}))}):null}()})]})}));try{DateRangeInput.displayName="DateRangeInput",DateRangeInput.__docgenInfo={description:"",displayName:"DateRangeInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:{value:""},description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:{value:"false"},description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Обработчик закрытия календаря",name:"onClose",required:!1,type:{name:"(() => void)"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((payload: { dateFrom?: Date; dateTo?: Date; value: string; }, event?: ChangeEvent | undefined) => void) | undefined"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((payload: { dateFrom: Date; dateTo: Date; value: string; }, event?: ChangeEvent) => void)"}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},calendarProps:{defaultValue:{value:"{}"},description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:{value:"calendarProps.minDate"},description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:{value:"calendarProps.maxDate"},description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:{value:"calendarProps.events || []"},description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:{value:"calendarProps.offDays || []"},description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},defaultOpen:{defaultValue:{value:"false"},description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:{value:"bottom-start"},description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно, то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},view:{defaultValue:{value:"desktop"},description:"Отображение компонента в мобильном или десктопном виде",name:"view",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"mobile"'}]}},InputComponent:{defaultValue:null,description:"Компонент инпута",name:"InputComponent",required:!1,type:{name:"ElementType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-range-input/src/components/date-range-input/Component.tsx#DateRangeInput"]={docgenInfo:DateRangeInput.__docgenInfo,name:"DateRangeInput",path:"packages/date-range-input/src/components/date-range-input/Component.tsx#DateRangeInput"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/date-time-input-src-docs-Component-stories-mdx.33090e9f.iframe.bundle.js b/master/date-time-input-src-docs-Component-stories-mdx.33090e9f.iframe.bundle.js new file mode 100644 index 0000000000..e8f2e9da56 --- /dev/null +++ b/master/date-time-input-src-docs-Component-stories-mdx.33090e9f.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[3531],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/date-time-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dateTimeInput:function(){return dateTimeInput},default:function(){return Component_stories}});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/date-time-input/modern/index.js"),CHANGELOGraw_namespaceObject='# @alfalab/core-components-date-time-input\n\n## 4.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.3\n\n## 4.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.2\n - calendar@7.0.5\n - icon-button@6.2.4\n\n## 4.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.1\n\n## 4.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.0\n - calendar@7.0.4\n - icon-button@6.2.3\n\n## 4.0.4\n\n### Patch Changes\n\n### [#815](https://github.com/core-ds/core-components/pull/815)\n\n- Исправлена проблема, из-за которой при включенной пропсе disableUserInput невозможно было переставить фокус клавишей Tab\n\n## 4.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.3\n\n## 4.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.2\n - calendar@7.0.2\n - icon-button@6.2.2\n\n## 4.0.1\n\n### Patch Changes\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n- Добавлены недостающие зависимости в package.json\n\n- Обновлены зависимости\n - calendar@7.0.1\n - icon-button@6.2.1\n - input@12.0.1\n\n## 4.0.0\n\n### Major Changes\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n- Удалена responsive точка входа. (В проектах нужно заменить импорт @alfalab/core-components-calendar/responsive на @alfalab/core-components-calendar)\n\n### Minor Changes\n\n### [#716](https://github.com/core-ds/core-components/pull/716)\n\n- Компонент Input заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.0\n - icon-button@6.2.0\n - input@12.0.0\n - popover@6.1.0\n\n## 3.2.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.2\n\n## 3.2.0\n\n### Minor Changes\n\n### [#768](https://github.com/core-ds/core-components/pull/768)\n\n- В компоненты CalendarInput, DateRangeInput, DateTimeInput добавлен проп disableUserInput отвечающий за запрет ввода с клавиатуры\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.1\n - icon-button@6.1.3\n - input@11.1.18\n - popover@6.0.9\n\n## 3.1.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.0\n\n## 3.1.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.2\n - icon-button@6.1.2\n - input@11.1.17\n\n## 3.1.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.1\n\n## 3.1.10\n\n### Patch Changes\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n- Обновлены зависимости\n - calendar@6.5.0\n - input@11.1.16\n - icon-button@6.1.1\n\n## 3.1.9\n\n### Patch Changes\n\n### [#635](https://github.com/core-ds/core-components/pull/635)\n\n- Расширена область нажатия для кнопок в компонентах DateRangeInput, DateTimeInput, PasswordInput\n\n- Обновлены зависимости\n - calendar@6.4.0\n - icon-button@6.1.0\n - input@11.1.15\n\n## 3.1.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.3\n - icon-button@6.0.12\n - input@11.1.14\n\n## 3.1.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.2\n - icon-button@6.0.11\n - input@11.1.13\n\n## 3.1.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.1\n - icon-button@6.0.10\n - input@11.1.12\n\n## 3.1.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.0\n - input@11.1.11\n\n## 3.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.10\n - calendar@6.2.18\n\n## 3.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.17\n\n## 3.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.16\n\n## 3.1.1\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - calendar@6.2.15\n - icon-button@6.0.9\n - input@11.1.9\n - popover@6.0.8\n\n## 3.1.0\n\n### Minor Changes\n\n### [#579](https://github.com/core-ds/core-components/pull/579)\n\n- Добавлены новые правила форматирования для DateInput, DateRangeInput, DateTimeInput\n\n## 3.0.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.14\n\n## 3.0.12\n\n### Patch Changes\n\n### [#557](https://github.com/core-ds/core-components/pull/557)\n\n- Добавлены бордеры у выпадающих меню\n\n## 3.0.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.13\n\n## 3.0.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.12\n\n## 3.0.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.11\n - icon-button@6.0.8\n - input@11.1.8\n\n## 3.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.10\n\n## 3.0.7\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n### [#522](https://github.com/core-ds/core-components/pull/522)\n\n- Исправлена TS ошибка "ref does not exist on type"\n\n- Обновлены зависимости\n - calendar@6.2.9\n - icon-button@6.0.7\n - input@11.1.7\n - popover@6.0.7\n\n## 3.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.8\n - icon-button@6.0.6\n - input@11.1.6\n\n## 3.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.7\n - icon-button@6.0.5\n - input@11.1.5\n\n## 3.0.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.6\n - calendar@6.2.6\n\n## 3.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.5\n\n## 3.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.4\n - icon-button@6.0.4\n - input@11.1.4\n\n## 3.0.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.3\n - calendar@6.2.3\n\n## 3.0.0\n\n### Major Changes\n\n### [#393](https://github.com/core-ds/core-components/pull/393)\n\n- Исправлен borderRadius у календаря\n- Исправлена ошибка, из-за которой коллбэки onChange и onComplete в компоненте DateTimeInput не вызывались, если даты выбиралась с помощью календаря
\n- В компоненте DateTimeInput изменена типизация onChange и onComplete коллбэков. Теперь event опциональный, так как при выборе даты в пикере ChangeEvent в инпуте не происходит
\n- В компоненте DateTimeInput исправлена ошибка, из-за которой не подставлялось время после закрытия мобильного календаря
\n- В компоненте DateRangeInput исправлены ошибки, из-за которых в коллбэке onComplete передавалось неверное значение value и при полной очистке инпута период в календаре не сбрасывался
\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.2\n - input@11.1.3\n\n## 2.2.1\n\n### Patch Changes\n\n### [#422](https://github.com/core-ds/core-components/pull/422)\n\n- "export" типов заменен на "export type"\n\n- Обновлены зависимости\n - input@11.1.2\n - calendar@6.2.1\n\n## 2.2.0\n\n### Minor Changes\n\n### [#334](https://github.com/core-ds/core-components/pull/334)\n\n- В компонентах DateRangeInput, DateTimeInput и CalendarInput добавлены mobile и desktop версии компонентов. Название компонентов было изменено по схеме Component → ComponentDesktop\n- В компонентах Calendar и InputAutocomplete добавлена responsive версия компонентов. Название компонентов было изменено по схеме Component → ComponentResponsive
\n- В компонентах PickerButton и Tooltip добавлен новый пропс breakpoint. Название компонентов было изменено по схеме Component -→ ComponentResponsive для PickerButton и Component → ComponentDesktop для Tooltip
\n- В компонентах Confirmation и SidePanel добавлен новый пропс breakpoint
\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - calendar@6.2.0\n - icon-button@6.0.2\n - input@11.1.1\n - popover@6.0.5\n\n## 2.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.15\n\n## 2.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.14\n\n## 2.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.4\n - calendar@6.1.13\n\n## 2.1.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с \'alfabank.servicecdn.ru\' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.0\n - calendar@6.1.12\n\n## 2.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.3\n - calendar@6.1.11\n - input@11.0.2\n - icon-button@6.0.1\n\n## 2.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type=\'number\'\n\n- Обновлены зависимости\n - input@11.0.1\n - calendar@6.1.10\n\n## 2.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.0\n - input@11.0.0\n - calendar@6.1.9\n\n## 1.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@10.2.5\n - calendar@6.1.8\n - popover@6.0.2\n\n## 1.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.7\n\n## 1.1.2\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n- Updated dependencies [[#282](https://github.com/core-ds/core-components/pull/282)]\n - @alfalab/core-components-calendar@6.1.6\n - @alfalab/core-components-icon-button@5.0.5\n - @alfalab/core-components-input@10.2.4\n\n## 1.1.1\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-calendar@6.1.5\n - @alfalab/core-components-input@10.2.3\n\n## 1.1.0\n\n### Minor Changes\n\n- [#175](https://github.com/core-ds/core-components/pull/175): Новые компоненты: TimeInput, DateTimeInput, DateRangeInput. Thanks [@blackraydev](https://github.com/blackraydev)\n\n### Patch Changes\n\n- Updated dependencies [[#175](https://github.com/core-ds/core-components/pull/175)]\n - @alfalab/core-components-calendar@6.1.4\n',package_namespaceObject={i8:"4.0.8"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"стандартный-вид-компонента",children:"Стандартный вид компонента"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Стандартный вид компонента — поле ввода с маской ДД.ММ.ГГГГ, ЧЧ:ММ"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(\n
\n \n
,\n);\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"пикер",children:"Пикер"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Пикер используется, когда выбор дат ограничен. Например, если нельзя указывать выходные дни.\nПри наличии пикера допустимо блокировать ввод с клавиатуры.\nЕсли дата указывается с пикера, или пользователь покинул поле после ввода даты и не заполнил время, считаем время равным 00:00"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,mobileHeight:640,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(\n
\n \n
,\n);\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Поле ввода является оберткой над ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/formcontrol--docs",children:"FormControl"}),",\nпоэтому наследует все доступные для него настройки. Пикер это\n",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"}),"\nв ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/popover--docs",children:"Popover"}),"."]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_responsive=__webpack_require__("./packages/date-time-input/src/Component.responsive.tsx"),index_module="@import '../../../../themes/src/default.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-popover-border-radius: var(--border-radius-m);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-popover-border-radius);\n border: 1px solid var(--color-light-border-secondary);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.block {\n width: 100%;\n}\n\n.calendarIcon {\n margin-right: var(--gap-s-neg);\n height: 100%;\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { DateTimeInput } from '@alfalab/core-components/date-time-input';\nimport { DateTimeInputDesktop } from '@alfalab/core-components/date-time-desktop';\nimport { DateTimeInputMobile } from '@alfalab/core-components/date-time-mobile';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{of:Component_responsive.c}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)};function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/DateTimeInput",component:modern.DateTimeInput,id:"DateTimeInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"DateTimeInput",children:react.createElement((()=>(0,jsx_runtime.jsx)(modern.DateTimeInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label",""),picker:(0,addon_knobs_dist.boolean)("picker",!1),clear:(0,addon_knobs_dist.boolean)("clear",!1),defaultMonth:(0,addon_knobs_dist.number)("defaultMonth",void 0)})))}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"DateTimeInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/date-time-input",children:"Поле для указания диапазона даты и времени."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),development:(0,jsx_runtime.jsx)(development,{})})]})}const dateTimeInput=()=>react.createElement((()=>(0,jsx_runtime.jsx)(modern.DateTimeInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label",""),picker:(0,addon_knobs_dist.boolean)("picker",!1),clear:(0,addon_knobs_dist.boolean)("clear",!1),defaultMonth:(0,addon_knobs_dist.number)("defaultMonth",void 0)})));dateTimeInput.storyName="DateTimeInput",dateTimeInput.parameters={storySource:{source:'React.createElement(() => {\n return ;\n})'}};const componentMeta={title:"Components/DateTimeInput",id:"DateTimeInput",component:modern.DateTimeInput,tags:["stories-mdx"],includeStories:["dateTimeInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/date-time-input/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{d:function(){return DateTimeInputDesktop}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/desktop.js"),_alfalab_core_components_input_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/input/modern/desktop.js"),_components_date_time_input_Component__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/date-time-input/src/components/date-time-input/Component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DateTimeInputDesktop=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_date_time_input_Component__WEBPACK_IMPORTED_MODULE_3__.Y,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({Calendar:_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__.CalendarDesktop,InputComponent:_alfalab_core_components_input_desktop__WEBPACK_IMPORTED_MODULE_2__.InputDesktop},props),{},{ref:ref}))}));try{DateTimeInputDesktop.displayName="DateTimeInputDesktop",DateTimeInputDesktop.__docgenInfo={description:"",displayName:"DateTimeInputDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-time-input/src/Component.desktop.tsx#DateTimeInputDesktop"]={docgenInfo:DateTimeInputDesktop.__docgenInfo,name:"DateTimeInputDesktop",path:"packages/date-time-input/src/Component.desktop.tsx#DateTimeInputDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-time-input/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{k:function(){return DateTimeInputMobile}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/mobile.js"),_alfalab_core_components_input_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/input/modern/mobile.js"),_components_date_time_input_Component__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/date-time-input/src/components/date-time-input/Component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DateTimeInputMobile=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_date_time_input_Component__WEBPACK_IMPORTED_MODULE_3__.Y,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({InputComponent:_alfalab_core_components_input_mobile__WEBPACK_IMPORTED_MODULE_2__.InputMobile,Calendar:_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__.CalendarMobile,view:"mobile"},props),{},{ref:ref}))}));try{DateTimeInputMobile.displayName="DateTimeInputMobile",DateTimeInputMobile.__docgenInfo={description:"",displayName:"DateTimeInputMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-time-input/src/Component.mobile.tsx#DateTimeInputMobile"]={docgenInfo:DateTimeInputMobile.__docgenInfo,name:"DateTimeInputMobile",path:"packages/date-time-input/src/Component.mobile.tsx#DateTimeInputMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-time-input/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{c:function(){return DateTimeInputResponsive}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/date-time-input/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/date-time-input/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["breakpoint"],DateTimeInputResponsive=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded),_useMedia=(0,_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__.GS)([["mobile","(max-width: ".concat(breakpoint-1,"px)")],["desktop","(min-width: ".concat(breakpoint,"px)")]],"desktop");return"desktop"===(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMedia,1)[0]?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_desktop__WEBPACK_IMPORTED_MODULE_1__.d,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref})):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_mobile__WEBPACK_IMPORTED_MODULE_2__.k,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref}))}));try{DateTimeInputResponsive.displayName="DateTimeInputResponsive",DateTimeInputResponsive.__docgenInfo={description:"",displayName:"DateTimeInputResponsive",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-time-input/src/Component.responsive.tsx#DateTimeInputResponsive"]={docgenInfo:DateTimeInputResponsive.__docgenInfo,name:"DateTimeInputResponsive",path:"packages/date-time-input/src/Component.responsive.tsx#DateTimeInputResponsive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-time-input/src/components/date-time-input/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Y:function(){return DateTimeInput}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),react_merge_refs_esm=__webpack_require__("./node_modules/react-merge-refs/dist/react-merge-refs.esm.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),shared=__webpack_require__("./dist/calendar/modern/shared.js"),modern=__webpack_require__("./dist/icon-button/modern/index.js"),popover_modern=__webpack_require__("./dist/popover/modern/index.js"),esm=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),CalendarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CalendarMIcon.js"),esm_isValid=__webpack_require__("./node_modules/date-fns/esm/isValid/index.js"),parse=__webpack_require__("./node_modules/date-fns/esm/parse/index.js"),isCompleteDateInput=function isCompleteDateInput(input){return 17===input.length},parseDateString=function parseDateString(value){var dateFormat=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"dd.MM.yyyy";return(0,parse.Z)(value,dateFormat,new Date)},isValid=function isValid(inputValue){var inputValueArr=inputValue.split(", "),date=inputValueArr[0],time=inputValueArr[1];return!inputValue||isCompleteDateInput(inputValue)&&(0,esm_isValid.Z)(parseDateString(date))&&function isValidTimeFormat(value){var timeArr=value.split(":"),hours=timeArr[0],mins=timeArr[1];return!(2!==hours.length||Number(hours)>23||2!==mins.length||Number(mins)>59)}(time)},getDateWithoutTime=function getDateWithoutTime(value){var day,month,year,valueArr=value.split(", ");if(valueArr[0]){var _date=valueArr[0].split("."),_date2=(0,slicedToArray.Z)(_date,3);day=_date2[0],month=_date2[1],year=_date2[2]}var date=new Date;return date.setFullYear(Number(year),Number(month)-1,Number(day)),date.setHours(0,0,0,0),date},getFullDateTime=function getFullDateTime(value){var day,month,year,hours,mins,valueArr=value.split(", ");if(valueArr[0]){var date=valueArr[0].split("."),_date3=(0,slicedToArray.Z)(date,3);day=_date3[0],month=_date3[1],year=_date3[2]}if(valueArr[1]){var time=valueArr[1].split(":");hours=Number(time[0]),mins=Number(time[1])}var fullDate=new Date;return fullDate.setFullYear(Number(year),Number(month)-1,Number(day)),fullDate.setHours(Number(hours)||0),fullDate.setMinutes(Number(mins)||0),fullDate.setSeconds(0),fullDate.setMilliseconds(0),fullDate},index_module_component="component_lz1Zt",index_module_calendarContainer="calendarContainer_a28Be",index_module_calendarResponsive="calendarResponsive_HBfGw",index_module_block="block_fKJaX",index_module_calendarIcon="calendarIcon_tGsKy",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className","inputClassName","popoverClassName","disabled","readOnly","disableUserInput","picker","defaultValue","value","onChange","onComplete","rightAddons","useAnchorWidth","block","popoverPosition","zIndexPopover","preventFlip","InputComponent","Calendar","calendarProps","defaultMonth","minDate","maxDate","offDays","events","defaultOpen","error","view"],DateTimeInput=react.forwardRef((function(_ref,ref){var _calendarProps$respon,className=_ref.className,inputClassName=_ref.inputClassName,popoverClassName=_ref.popoverClassName,disabled=_ref.disabled,readOnly=_ref.readOnly,_ref$disableUserInput=_ref.disableUserInput,disableUserInput=void 0!==_ref$disableUserInput&&_ref$disableUserInput,picker=_ref.picker,_ref$defaultValue=_ref.defaultValue,defaultValue=void 0===_ref$defaultValue?"":_ref$defaultValue,propValue=_ref.value,onChange=_ref.onChange,onComplete=_ref.onComplete,rightAddons=_ref.rightAddons,useAnchorWidth=_ref.useAnchorWidth,block=_ref.block,_ref$popoverPosition=_ref.popoverPosition,popoverPosition=void 0===_ref$popoverPosition?"bottom-start":_ref$popoverPosition,zIndexPopover=_ref.zIndexPopover,preventFlip=_ref.preventFlip,InputComponent=_ref.InputComponent,Calendar=_ref.Calendar,_ref$calendarProps=_ref.calendarProps,calendarProps=void 0===_ref$calendarProps?{}:_ref$calendarProps,defaultMonth=_ref.defaultMonth,_ref$minDate=_ref.minDate,minDate=void 0===_ref$minDate?calendarProps.minDate:_ref$minDate,_ref$maxDate=_ref.maxDate,maxDate=void 0===_ref$maxDate?calendarProps.maxDate:_ref$maxDate,_ref$offDays=_ref.offDays,offDays=void 0===_ref$offDays?calendarProps.offDays||[]:_ref$offDays,_ref$events=_ref.events,events=void 0===_ref$events?calendarProps.events||[]:_ref$events,_ref$defaultOpen=_ref.defaultOpen,defaultOpen=void 0!==_ref$defaultOpen&&_ref$defaultOpen,error=_ref.error,_ref$view=_ref.view,view=void 0===_ref$view?"desktop":_ref$view,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(null),calendarRef=(0,react.useRef)(null),_useState=(0,react.useState)(propValue||defaultValue),_useState2=(0,slicedToArray.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],calendarValue=value?getDateWithoutTime(value).getTime():void 0,inputDisabled=disabled||readOnly,calendarResponsive=null===(_calendarProps$respon=null==calendarProps?void 0:calendarProps.responsive)||void 0===_calendarProps$respon||_calendarProps$respon;(0,react.useEffect)((function(){setOpen(defaultOpen)}),[defaultOpen]),(0,esm.Dz)((function(){var newPropValue=propValue||"";setValue((function(prevValue){return prevValue===propValue?prevValue:newPropValue}))}),[propValue]);var checkInputValueIsValid=function checkInputValueIsValid(newInputValue){if(!newInputValue||error)return!1;var dateValue=getDateWithoutTime(newInputValue).getTime();return dateValue&&(0,shared.dateInLimits)(dateValue,minDate,maxDate)&&!offDays.includes(dateValue)},setTimeToDate=function setTimeToDate(){setValue((function(prevValue){var dateWithTime=function addTimeToDate(value){return 10===value.length&&(0,esm_isValid.Z)(parseDateString(value))?"".concat(value,", 00:00"):value}(prevValue);return dateWithTime!==prevValue&&17===dateWithTime.length&&(null==onComplete||onComplete(null,{date:getFullDateTime(dateWithTime),value:dateWithTime})),dateWithTime}))},handleMobileCalendarClose=function handleMobileCalendarClose(){setOpen(!1),setTimeToDate()},handleCalendarChange=function handleCalendarChange(date){if(date){var newValue=function parseTimestampToDate(timestamp){var date=new Date(timestamp),year=date.getFullYear(),month=date.getMonth()+1,day=date.getDate();return month<10&&(month="0".concat(month)),day<10&&(day="0".concat(day)),"".concat(day,".").concat(month,".").concat(year)}(date);setValue(newValue),null==onChange||onChange(null,{date:getFullDateTime(newValue),value:newValue})}},handleCalendarWrapperMouseDown=function handleCalendarWrapperMouseDown(event){event.preventDefault()};return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(index_module_component,className,(0,defineProperty.Z)({},index_module_block,block)),onFocus:inputDisabled?void 0:function handleInputWrapperFocus(event){"desktop"===view&&(picker&&setOpen(!0),!open&&"INPUT"!==event.target.tagName&&calendarRef.current&&calendarRef.current.focus())},onBlur:function handleBlur(event){if("desktop"===view){var target=event.relatedTarget||document.activeElement;calendarRef.current&&!1===calendarRef.current.contains(target)&&(setOpen(!1),setTimeToDate())}},children:[InputComponent?(0,jsx_runtime.jsx)(InputComponent,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{block:block,ref:(0,react_merge_refs_esm.Z)([ref,inputRef]),value:value,onChange:function handleChange(event){var newValue=event.target.value;if(!(newValue.length>17||/[^\d., :]/.test(newValue))){var dots=newValue.match(/\./g),colon=newValue.match(/:/g),comma=newValue.match(/,/g);if(!(dots&&dots.length>2||colon&&colon.length>1||comma&&comma.length>1)){var formattedValue=function format(value){return value.replace(/^(\d\d)(\d)$/,"$1.$2").replace(/^(\d\d)\.(\d\d)(\d)$/,"$1.$2.$3").replace(/^(\d\d)\d\.(.*)/,"$1.$2").replace(/^(\d\d\.\d\d)\d\.(.*)/,"$1.$2").replace(/\.$/,"").replace(/\ $/,"").replace(/\:$/,"").replace(/^(\d\d)(\d.*)/,"$1.$2").replace(/^(\d\d.\d\d)(\d.*)/,"$1.$2").replace(/^(\d\d\.\d\d)(\d\d\d\d)/,"$1.$2").replace(/^(\d\d)(\d\d\.\d\d\d\d)/,"$1.$2").replace(/^(\d\d.\d\d\.\d\d\d\d),/,"$1").replace(/^(\d\d.\d\d\.\d\d\d\d)(\d)/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d),(\d.*)/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d) (\d.*)/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d)(\d.*)/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d):/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d)(\d)/,"$1, $2:$3").replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/,"$1.$2.$4").replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\d)\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^(\d)\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^()\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3")}(newValue),date=getFullDateTime(formattedValue);if(setValue(formattedValue),onChange&&onChange(event,{date:date,value:formattedValue}),isCompleteDateInput(formattedValue)){if(!isValid(formattedValue))return;onComplete&&onComplete(event,{date:date,value:formattedValue})}}}},disabled:disabled,readOnly:readOnly,className:inputClassName,onClear:function handleClear(){setValue("")},disableUserInput:disableUserInput,error:error,rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons,picker&&(0,jsx_runtime.jsx)(modern.IconButton,{className:index_module_calendarIcon,onClick:inputDisabled?void 0:function handleIconButtonClick(){open||setOpen(!0),"desktop"===view&&inputRef.current&&inputRef.current.focus()},icon:CalendarMIcon.CalendarMIcon,size:"s"})]})})):null,picker&&(0,jsx_runtime.jsx)(popover_modern.Popover,{open:open,useAnchorWidth:useAnchorWidth,anchorElement:inputRef.current,popperClassName:classnames_default()(index_module_calendarContainer,(0,defineProperty.Z)({},index_module_calendarResponsive,calendarResponsive)),className:popoverClassName,position:popoverPosition,offset:[0,8],withTransition:!1,preventFlip:preventFlip,zIndex:zIndexPopover,children:function renderCalendar(){return Calendar?(0,jsx_runtime.jsx)("div",{onMouseDown:handleCalendarWrapperMouseDown,children:(0,jsx_runtime.jsx)(Calendar,(0,objectSpread2.Z)((0,objectSpread2.Z)({},calendarProps),{},{responsive:calendarResponsive,open:open,onClose:handleMobileCalendarClose,ref:calendarRef,defaultMonth:defaultMonth,value:checkInputValueIsValid(value)?calendarValue:void 0,onChange:handleCalendarChange,minDate:minDate,maxDate:maxDate,offDays:offDays,events:events}))}):null}()})]})}));try{DateTimeInput.displayName="DateTimeInput",DateTimeInput.__docgenInfo={description:"",displayName:"DateTimeInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:{value:""},description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:{value:"false"},description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},calendarProps:{defaultValue:{value:"{}"},description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:{value:"calendarProps.minDate"},description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:{value:"calendarProps.maxDate"},description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:{value:"calendarProps.events || []"},description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:{value:"calendarProps.offDays || []"},description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},defaultOpen:{defaultValue:{value:"false"},description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:{value:"bottom-start"},description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},view:{defaultValue:{value:"desktop"},description:"Отображение компонента в мобильном или десктопном виде",name:"view",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"mobile"'}]}},InputComponent:{defaultValue:null,description:"Компонент инпута",name:"InputComponent",required:!1,type:{name:"ElementType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-time-input/src/components/date-time-input/Component.tsx#DateTimeInput"]={docgenInfo:DateTimeInput.__docgenInfo,name:"DateTimeInput",path:"packages/date-time-input/src/components/date-time-input/Component.tsx#DateTimeInput"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/date-time-input-src-docs-Component-stories-mdx.8bcfb603.iframe.bundle.js b/master/date-time-input-src-docs-Component-stories-mdx.8bcfb603.iframe.bundle.js deleted file mode 100644 index 41a00070f7..0000000000 --- a/master/date-time-input-src-docs-Component-stories-mdx.8bcfb603.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[3531],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/date-time-input/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dateTimeInput:function(){return dateTimeInput},default:function(){return Component_stories}});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),modern=__webpack_require__("./dist/date-time-input/modern/index.js"),CHANGELOGraw_namespaceObject='# @alfalab/core-components-date-time-input\n\n## 4.0.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.2\n - calendar@7.0.5\n - icon-button@6.2.4\n\n## 4.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.1\n\n## 4.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.0\n - calendar@7.0.4\n - icon-button@6.2.3\n\n## 4.0.4\n\n### Patch Changes\n\n### [#815](https://github.com/core-ds/core-components/pull/815)\n\n- Исправлена проблема, из-за которой при включенной пропсе disableUserInput невозможно было переставить фокус клавишей Tab\n\n## 4.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.3\n\n## 4.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.2\n - calendar@7.0.2\n - icon-button@6.2.2\n\n## 4.0.1\n\n### Patch Changes\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n- Добавлены недостающие зависимости в package.json\n\n- Обновлены зависимости\n - calendar@7.0.1\n - icon-button@6.2.1\n - input@12.0.1\n\n## 4.0.0\n\n### Major Changes\n\n### [#702](https://github.com/core-ds/core-components/pull/702)\n\n- Удалена responsive точка входа. (В проектах нужно заменить импорт @alfalab/core-components-calendar/responsive на @alfalab/core-components-calendar)\n\n### Minor Changes\n\n### [#716](https://github.com/core-ds/core-components/pull/716)\n\n- Компонент Input заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@7.0.0\n - icon-button@6.2.0\n - input@12.0.0\n - popover@6.1.0\n\n## 3.2.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.2\n\n## 3.2.0\n\n### Minor Changes\n\n### [#768](https://github.com/core-ds/core-components/pull/768)\n\n- В компоненты CalendarInput, DateRangeInput, DateTimeInput добавлен проп disableUserInput отвечающий за запрет ввода с клавиатуры\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.1\n - icon-button@6.1.3\n - input@11.1.18\n - popover@6.0.9\n\n## 3.1.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.6.0\n\n## 3.1.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.2\n - icon-button@6.1.2\n - input@11.1.17\n\n## 3.1.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.5.1\n\n## 3.1.10\n\n### Patch Changes\n\n### [#664](https://github.com/core-ds/core-components/pull/664)\n\n- Для скролла в десктопном календаре используется CSS реализация\n- В мобильном календаре скролл вынесен на обертку ModalMobile\n\n- Обновлены зависимости\n - calendar@6.5.0\n - input@11.1.16\n - icon-button@6.1.1\n\n## 3.1.9\n\n### Patch Changes\n\n### [#635](https://github.com/core-ds/core-components/pull/635)\n\n- Расширена область нажатия для кнопок в компонентах DateRangeInput, DateTimeInput, PasswordInput\n\n- Обновлены зависимости\n - calendar@6.4.0\n - icon-button@6.1.0\n - input@11.1.15\n\n## 3.1.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.3\n - icon-button@6.0.12\n - input@11.1.14\n\n## 3.1.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.2\n - icon-button@6.0.11\n - input@11.1.13\n\n## 3.1.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.1\n - icon-button@6.0.10\n - input@11.1.12\n\n## 3.1.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.3.0\n - input@11.1.11\n\n## 3.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.10\n - calendar@6.2.18\n\n## 3.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.17\n\n## 3.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.16\n\n## 3.1.1\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - calendar@6.2.15\n - icon-button@6.0.9\n - input@11.1.9\n - popover@6.0.8\n\n## 3.1.0\n\n### Minor Changes\n\n### [#579](https://github.com/core-ds/core-components/pull/579)\n\n- Добавлены новые правила форматирования для DateInput, DateRangeInput, DateTimeInput\n\n## 3.0.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.14\n\n## 3.0.12\n\n### Patch Changes\n\n### [#557](https://github.com/core-ds/core-components/pull/557)\n\n- Добавлены бордеры у выпадающих меню\n\n## 3.0.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.13\n\n## 3.0.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.12\n\n## 3.0.9\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.11\n - icon-button@6.0.8\n - input@11.1.8\n\n## 3.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.10\n\n## 3.0.7\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n### [#522](https://github.com/core-ds/core-components/pull/522)\n\n- Исправлена TS ошибка "ref does not exist on type"\n\n- Обновлены зависимости\n - calendar@6.2.9\n - icon-button@6.0.7\n - input@11.1.7\n - popover@6.0.7\n\n## 3.0.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.8\n - icon-button@6.0.6\n - input@11.1.6\n\n## 3.0.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.7\n - icon-button@6.0.5\n - input@11.1.5\n\n## 3.0.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.6\n - calendar@6.2.6\n\n## 3.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.5\n\n## 3.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.4\n - icon-button@6.0.4\n - input@11.1.4\n\n## 3.0.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.3\n - calendar@6.2.3\n\n## 3.0.0\n\n### Major Changes\n\n### [#393](https://github.com/core-ds/core-components/pull/393)\n\n- Исправлен borderRadius у календаря\n- Исправлена ошибка, из-за которой коллбэки onChange и onComplete в компоненте DateTimeInput не вызывались, если даты выбиралась с помощью календаря
\n- В компоненте DateTimeInput изменена типизация onChange и onComplete коллбэков. Теперь event опциональный, так как при выборе даты в пикере ChangeEvent в инпуте не происходит
\n- В компоненте DateTimeInput исправлена ошибка, из-за которой не подставлялось время после закрытия мобильного календаря
\n- В компоненте DateRangeInput исправлены ошибки, из-за которых в коллбэке onComplete передавалось неверное значение value и при полной очистке инпута период в календаре не сбрасывался
\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.2.2\n - input@11.1.3\n\n## 2.2.1\n\n### Patch Changes\n\n### [#422](https://github.com/core-ds/core-components/pull/422)\n\n- "export" типов заменен на "export type"\n\n- Обновлены зависимости\n - input@11.1.2\n - calendar@6.2.1\n\n## 2.2.0\n\n### Minor Changes\n\n### [#334](https://github.com/core-ds/core-components/pull/334)\n\n- В компонентах DateRangeInput, DateTimeInput и CalendarInput добавлены mobile и desktop версии компонентов. Название компонентов было изменено по схеме Component → ComponentDesktop\n- В компонентах Calendar и InputAutocomplete добавлена responsive версия компонентов. Название компонентов было изменено по схеме Component → ComponentResponsive
\n- В компонентах PickerButton и Tooltip добавлен новый пропс breakpoint. Название компонентов было изменено по схеме Component -→ ComponentResponsive для PickerButton и Component → ComponentDesktop для Tooltip
\n- В компонентах Confirmation и SidePanel добавлен новый пропс breakpoint
\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - calendar@6.2.0\n - icon-button@6.0.2\n - input@11.1.1\n - popover@6.0.5\n\n## 2.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.15\n\n## 2.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.14\n\n## 2.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.4\n - calendar@6.1.13\n\n## 2.1.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с \'alfabank.servicecdn.ru\' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.0\n - calendar@6.1.12\n\n## 2.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - popover@6.0.3\n - calendar@6.1.11\n - input@11.0.2\n - icon-button@6.0.1\n\n## 2.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type=\'number\'\n\n- Обновлены зависимости\n - input@11.0.1\n - calendar@6.1.10\n\n## 2.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.0\n - input@11.0.0\n - calendar@6.1.9\n\n## 1.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@10.2.5\n - calendar@6.1.8\n - popover@6.0.2\n\n## 1.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - calendar@6.1.7\n\n## 1.1.2\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n- Updated dependencies [[#282](https://github.com/core-ds/core-components/pull/282)]\n - @alfalab/core-components-calendar@6.1.6\n - @alfalab/core-components-icon-button@5.0.5\n - @alfalab/core-components-input@10.2.4\n\n## 1.1.1\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-calendar@6.1.5\n - @alfalab/core-components-input@10.2.3\n\n## 1.1.0\n\n### Minor Changes\n\n- [#175](https://github.com/core-ds/core-components/pull/175): Новые компоненты: TimeInput, DateTimeInput, DateRangeInput. Thanks [@blackraydev](https://github.com/blackraydev)\n\n### Patch Changes\n\n- Updated dependencies [[#175](https://github.com/core-ds/core-components/pull/175)]\n - @alfalab/core-components-calendar@6.1.4\n',package_namespaceObject={i8:"4.0.7"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"стандартный-вид-компонента",children:"Стандартный вид компонента"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Стандартный вид компонента — поле ввода с маской ДД.ММ.ГГГГ, ЧЧ:ММ"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(\n
\n \n
,\n);\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"пикер",children:"Пикер"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Пикер используется, когда выбор дат ограничен. Например, если нельзя указывать выходные дни.\nПри наличии пикера допустимо блокировать ввод с клавиатуры.\nЕсли дата указывается с пикера, или пользователь покинул поле после ввода даты и не заполнил время, считаем время равным 00:00"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,mobileHeight:640,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(\n
\n \n
,\n);\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Поле ввода является оберткой над ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/formcontrol--docs",children:"FormControl"}),",\nпоэтому наследует все доступные для него настройки. Пикер это\n",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/calendar--docs",children:"Calendar"}),"\nв ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/popover--docs",children:"Popover"}),"."]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_responsive=__webpack_require__("./packages/date-time-input/src/Component.responsive.tsx"),index_module="@import '../../../../themes/src/default.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-popover-border-radius: var(--border-radius-m);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-popover-border-radius);\n border: 1px solid var(--color-light-border-secondary);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.block {\n width: 100%;\n}\n\n.calendarIcon {\n margin-right: var(--gap-s-neg);\n height: 100%;\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { DateTimeInput } from '@alfalab/core-components/date-time-input';\nimport { DateTimeInputDesktop } from '@alfalab/core-components/date-time-desktop';\nimport { DateTimeInputMobile } from '@alfalab/core-components/date-time-mobile';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{of:Component_responsive.c}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)};function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/DateTimeInput",component:modern.DateTimeInput,id:"DateTimeInput"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"DateTimeInput",children:react.createElement((()=>(0,jsx_runtime.jsx)(modern.DateTimeInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label",""),picker:(0,addon_knobs_dist.boolean)("picker",!1),clear:(0,addon_knobs_dist.boolean)("clear",!1),defaultMonth:(0,addon_knobs_dist.number)("defaultMonth",void 0)})))}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"DateTimeInput",version:package_namespaceObject.i8,package:"@alfalab/core-components/date-time-input",children:"Поле для указания диапазона даты и времени."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),development:(0,jsx_runtime.jsx)(development,{})})]})}const dateTimeInput=()=>react.createElement((()=>(0,jsx_runtime.jsx)(modern.DateTimeInput,{block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l"],"s"),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),label:(0,addon_knobs_dist.text)("label",""),picker:(0,addon_knobs_dist.boolean)("picker",!1),clear:(0,addon_knobs_dist.boolean)("clear",!1),defaultMonth:(0,addon_knobs_dist.number)("defaultMonth",void 0)})));dateTimeInput.storyName="DateTimeInput",dateTimeInput.parameters={storySource:{source:'React.createElement(() => {\n return ;\n})'}};const componentMeta={title:"Components/DateTimeInput",id:"DateTimeInput",component:modern.DateTimeInput,tags:["stories-mdx"],includeStories:["dateTimeInput"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/date-time-input/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{d:function(){return DateTimeInputDesktop}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/desktop.js"),_alfalab_core_components_input_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/input/modern/desktop.js"),_components_date_time_input_Component__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/date-time-input/src/components/date-time-input/Component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DateTimeInputDesktop=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_date_time_input_Component__WEBPACK_IMPORTED_MODULE_3__.Y,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({Calendar:_alfalab_core_components_calendar_desktop__WEBPACK_IMPORTED_MODULE_1__.CalendarDesktop,InputComponent:_alfalab_core_components_input_desktop__WEBPACK_IMPORTED_MODULE_2__.InputDesktop},props),{},{ref:ref}))}));try{DateTimeInputDesktop.displayName="DateTimeInputDesktop",DateTimeInputDesktop.__docgenInfo={description:"",displayName:"DateTimeInputDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-time-input/src/Component.desktop.tsx#DateTimeInputDesktop"]={docgenInfo:DateTimeInputDesktop.__docgenInfo,name:"DateTimeInputDesktop",path:"packages/date-time-input/src/Component.desktop.tsx#DateTimeInputDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-time-input/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{k:function(){return DateTimeInputMobile}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/calendar/modern/mobile.js"),_alfalab_core_components_input_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/input/modern/mobile.js"),_components_date_time_input_Component__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/date-time-input/src/components/date-time-input/Component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DateTimeInputMobile=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_date_time_input_Component__WEBPACK_IMPORTED_MODULE_3__.Y,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({InputComponent:_alfalab_core_components_input_mobile__WEBPACK_IMPORTED_MODULE_2__.InputMobile,Calendar:_alfalab_core_components_calendar_mobile__WEBPACK_IMPORTED_MODULE_1__.CalendarMobile,view:"mobile"},props),{},{ref:ref}))}));try{DateTimeInputMobile.displayName="DateTimeInputMobile",DateTimeInputMobile.__docgenInfo={description:"",displayName:"DateTimeInputMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-time-input/src/Component.mobile.tsx#DateTimeInputMobile"]={docgenInfo:DateTimeInputMobile.__docgenInfo,name:"DateTimeInputMobile",path:"packages/date-time-input/src/Component.mobile.tsx#DateTimeInputMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-time-input/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{c:function(){return DateTimeInputResponsive}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/date-time-input/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/date-time-input/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["breakpoint"],DateTimeInputResponsive=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded),_useMedia=(0,_alfalab_hooks__WEBPACK_IMPORTED_MODULE_5__.GS)([["mobile","(max-width: ".concat(breakpoint-1,"px)")],["desktop","(min-width: ".concat(breakpoint,"px)")]],"desktop");return"desktop"===(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMedia,1)[0]?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_desktop__WEBPACK_IMPORTED_MODULE_1__.d,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref})):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Component_mobile__WEBPACK_IMPORTED_MODULE_2__.k,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},restProps),{},{ref:ref}))}));try{DateTimeInputResponsive.displayName="DateTimeInputResponsive",DateTimeInputResponsive.__docgenInfo={description:"",displayName:"DateTimeInputResponsive",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:null,description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:null,description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},defaultOpen:{defaultValue:null,description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:null,description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:null,description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:null,description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:null,description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},calendarProps:{defaultValue:null,description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-time-input/src/Component.responsive.tsx#DateTimeInputResponsive"]={docgenInfo:DateTimeInputResponsive.__docgenInfo,name:"DateTimeInputResponsive",path:"packages/date-time-input/src/Component.responsive.tsx#DateTimeInputResponsive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/date-time-input/src/components/date-time-input/Component.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Y:function(){return DateTimeInput}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),react_merge_refs_esm=__webpack_require__("./node_modules/react-merge-refs/dist/react-merge-refs.esm.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),shared=__webpack_require__("./dist/calendar/modern/shared.js"),modern=__webpack_require__("./dist/icon-button/modern/index.js"),popover_modern=__webpack_require__("./dist/popover/modern/index.js"),esm=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),CalendarMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CalendarMIcon.js"),esm_isValid=__webpack_require__("./node_modules/date-fns/esm/isValid/index.js"),parse=__webpack_require__("./node_modules/date-fns/esm/parse/index.js"),isCompleteDateInput=function isCompleteDateInput(input){return 17===input.length},parseDateString=function parseDateString(value){var dateFormat=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"dd.MM.yyyy";return(0,parse.Z)(value,dateFormat,new Date)},isValid=function isValid(inputValue){var inputValueArr=inputValue.split(", "),date=inputValueArr[0],time=inputValueArr[1];return!inputValue||isCompleteDateInput(inputValue)&&(0,esm_isValid.Z)(parseDateString(date))&&function isValidTimeFormat(value){var timeArr=value.split(":"),hours=timeArr[0],mins=timeArr[1];return!(2!==hours.length||Number(hours)>23||2!==mins.length||Number(mins)>59)}(time)},getDateWithoutTime=function getDateWithoutTime(value){var day,month,year,valueArr=value.split(", ");if(valueArr[0]){var _date=valueArr[0].split("."),_date2=(0,slicedToArray.Z)(_date,3);day=_date2[0],month=_date2[1],year=_date2[2]}var date=new Date;return date.setFullYear(Number(year),Number(month)-1,Number(day)),date.setHours(0,0,0,0),date},getFullDateTime=function getFullDateTime(value){var day,month,year,hours,mins,valueArr=value.split(", ");if(valueArr[0]){var date=valueArr[0].split("."),_date3=(0,slicedToArray.Z)(date,3);day=_date3[0],month=_date3[1],year=_date3[2]}if(valueArr[1]){var time=valueArr[1].split(":");hours=Number(time[0]),mins=Number(time[1])}var fullDate=new Date;return fullDate.setFullYear(Number(year),Number(month)-1,Number(day)),fullDate.setHours(Number(hours)||0),fullDate.setMinutes(Number(mins)||0),fullDate.setSeconds(0),fullDate.setMilliseconds(0),fullDate},index_module_component="component_lz1Zt",index_module_calendarContainer="calendarContainer_a28Be",index_module_calendarResponsive="calendarResponsive_HBfGw",index_module_block="block_fKJaX",index_module_calendarIcon="calendarIcon_tGsKy",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className","inputClassName","popoverClassName","disabled","readOnly","disableUserInput","picker","defaultValue","value","onChange","onComplete","rightAddons","useAnchorWidth","block","popoverPosition","zIndexPopover","preventFlip","InputComponent","Calendar","calendarProps","defaultMonth","minDate","maxDate","offDays","events","defaultOpen","error","view"],DateTimeInput=react.forwardRef((function(_ref,ref){var _calendarProps$respon,className=_ref.className,inputClassName=_ref.inputClassName,popoverClassName=_ref.popoverClassName,disabled=_ref.disabled,readOnly=_ref.readOnly,_ref$disableUserInput=_ref.disableUserInput,disableUserInput=void 0!==_ref$disableUserInput&&_ref$disableUserInput,picker=_ref.picker,_ref$defaultValue=_ref.defaultValue,defaultValue=void 0===_ref$defaultValue?"":_ref$defaultValue,propValue=_ref.value,onChange=_ref.onChange,onComplete=_ref.onComplete,rightAddons=_ref.rightAddons,useAnchorWidth=_ref.useAnchorWidth,block=_ref.block,_ref$popoverPosition=_ref.popoverPosition,popoverPosition=void 0===_ref$popoverPosition?"bottom-start":_ref$popoverPosition,zIndexPopover=_ref.zIndexPopover,preventFlip=_ref.preventFlip,InputComponent=_ref.InputComponent,Calendar=_ref.Calendar,_ref$calendarProps=_ref.calendarProps,calendarProps=void 0===_ref$calendarProps?{}:_ref$calendarProps,defaultMonth=_ref.defaultMonth,_ref$minDate=_ref.minDate,minDate=void 0===_ref$minDate?calendarProps.minDate:_ref$minDate,_ref$maxDate=_ref.maxDate,maxDate=void 0===_ref$maxDate?calendarProps.maxDate:_ref$maxDate,_ref$offDays=_ref.offDays,offDays=void 0===_ref$offDays?calendarProps.offDays||[]:_ref$offDays,_ref$events=_ref.events,events=void 0===_ref$events?calendarProps.events||[]:_ref$events,_ref$defaultOpen=_ref.defaultOpen,defaultOpen=void 0!==_ref$defaultOpen&&_ref$defaultOpen,error=_ref.error,_ref$view=_ref.view,view=void 0===_ref$view?"desktop":_ref$view,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(null),calendarRef=(0,react.useRef)(null),_useState=(0,react.useState)(propValue||defaultValue),_useState2=(0,slicedToArray.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],calendarValue=value?getDateWithoutTime(value).getTime():void 0,inputDisabled=disabled||readOnly,calendarResponsive=null===(_calendarProps$respon=null==calendarProps?void 0:calendarProps.responsive)||void 0===_calendarProps$respon||_calendarProps$respon;(0,react.useEffect)((function(){setOpen(defaultOpen)}),[defaultOpen]),(0,esm.Dz)((function(){var newPropValue=propValue||"";setValue((function(prevValue){return prevValue===propValue?prevValue:newPropValue}))}),[propValue]);var checkInputValueIsValid=function checkInputValueIsValid(newInputValue){if(!newInputValue||error)return!1;var dateValue=getDateWithoutTime(newInputValue).getTime();return dateValue&&(0,shared.dateInLimits)(dateValue,minDate,maxDate)&&!offDays.includes(dateValue)},setTimeToDate=function setTimeToDate(){setValue((function(prevValue){var dateWithTime=function addTimeToDate(value){return 10===value.length&&(0,esm_isValid.Z)(parseDateString(value))?"".concat(value,", 00:00"):value}(prevValue);return dateWithTime!==prevValue&&17===dateWithTime.length&&(null==onComplete||onComplete(null,{date:getFullDateTime(dateWithTime),value:dateWithTime})),dateWithTime}))},handleMobileCalendarClose=function handleMobileCalendarClose(){setOpen(!1),setTimeToDate()},handleCalendarChange=function handleCalendarChange(date){if(date){var newValue=function parseTimestampToDate(timestamp){var date=new Date(timestamp),year=date.getFullYear(),month=date.getMonth()+1,day=date.getDate();return month<10&&(month="0".concat(month)),day<10&&(day="0".concat(day)),"".concat(day,".").concat(month,".").concat(year)}(date);setValue(newValue),null==onChange||onChange(null,{date:getFullDateTime(newValue),value:newValue})}},handleCalendarWrapperMouseDown=function handleCalendarWrapperMouseDown(event){event.preventDefault()};return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(index_module_component,className,(0,defineProperty.Z)({},index_module_block,block)),onFocus:inputDisabled?void 0:function handleInputWrapperFocus(event){"desktop"===view&&(picker&&setOpen(!0),!open&&"INPUT"!==event.target.tagName&&calendarRef.current&&calendarRef.current.focus())},onBlur:function handleBlur(event){if("desktop"===view){var target=event.relatedTarget||document.activeElement;calendarRef.current&&!1===calendarRef.current.contains(target)&&(setOpen(!1),setTimeToDate())}},children:[InputComponent?(0,jsx_runtime.jsx)(InputComponent,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{block:block,ref:(0,react_merge_refs_esm.Z)([ref,inputRef]),value:value,onChange:function handleChange(event){var newValue=event.target.value;if(!(newValue.length>17||/[^\d., :]/.test(newValue))){var dots=newValue.match(/\./g),colon=newValue.match(/:/g),comma=newValue.match(/,/g);if(!(dots&&dots.length>2||colon&&colon.length>1||comma&&comma.length>1)){var formattedValue=function format(value){return value.replace(/^(\d\d)(\d)$/,"$1.$2").replace(/^(\d\d)\.(\d\d)(\d)$/,"$1.$2.$3").replace(/^(\d\d)\d\.(.*)/,"$1.$2").replace(/^(\d\d\.\d\d)\d\.(.*)/,"$1.$2").replace(/\.$/,"").replace(/\ $/,"").replace(/\:$/,"").replace(/^(\d\d)(\d.*)/,"$1.$2").replace(/^(\d\d.\d\d)(\d.*)/,"$1.$2").replace(/^(\d\d\.\d\d)(\d\d\d\d)/,"$1.$2").replace(/^(\d\d)(\d\d\.\d\d\d\d)/,"$1.$2").replace(/^(\d\d.\d\d\.\d\d\d\d),/,"$1").replace(/^(\d\d.\d\d\.\d\d\d\d)(\d)/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d),(\d.*)/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d) (\d.*)/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d)(\d.*)/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d):/,"$1, $2").replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d)(\d)/,"$1, $2:$3").replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/,"$1.$2.$4").replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/,"$1").replace(/^(\d\d)\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^(\d)\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^()\.()\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3").replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/,"$1.$2.$3")}(newValue),date=getFullDateTime(formattedValue);if(setValue(formattedValue),onChange&&onChange(event,{date:date,value:formattedValue}),isCompleteDateInput(formattedValue)){if(!isValid(formattedValue))return;onComplete&&onComplete(event,{date:date,value:formattedValue})}}}},disabled:disabled,readOnly:readOnly,className:inputClassName,onClear:function handleClear(){setValue("")},disableUserInput:disableUserInput,error:error,rightAddons:(0,jsx_runtime.jsxs)(react.Fragment,{children:[rightAddons,picker&&(0,jsx_runtime.jsx)(modern.IconButton,{className:index_module_calendarIcon,onClick:inputDisabled?void 0:function handleIconButtonClick(){open||setOpen(!0),"desktop"===view&&inputRef.current&&inputRef.current.focus()},icon:CalendarMIcon.CalendarMIcon,size:"s"})]})})):null,picker&&(0,jsx_runtime.jsx)(popover_modern.Popover,{open:open,useAnchorWidth:useAnchorWidth,anchorElement:inputRef.current,popperClassName:classnames_default()(index_module_calendarContainer,(0,defineProperty.Z)({},index_module_calendarResponsive,calendarResponsive)),className:popoverClassName,position:popoverPosition,offset:[0,8],withTransition:!1,preventFlip:preventFlip,zIndex:zIndexPopover,children:function renderCalendar(){return Calendar?(0,jsx_runtime.jsx)("div",{onMouseDown:handleCalendarWrapperMouseDown,children:(0,jsx_runtime.jsx)(Calendar,(0,objectSpread2.Z)((0,objectSpread2.Z)({},calendarProps),{},{responsive:calendarResponsive,open:open,onClose:handleMobileCalendarClose,ref:calendarRef,defaultMonth:defaultMonth,value:checkInputValueIsValid(value)?calendarValue:void 0,onChange:handleCalendarChange,minDate:minDate,maxDate:maxDate,offDays:offDays,events:events}))}):null}()})]})}));try{DateTimeInput.displayName="DateTimeInput",DateTimeInput.__docgenInfo={description:"",displayName:"DateTimeInput",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Обработчик клика по полю",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},type:{defaultValue:null,description:"Атрибут type",name:"type",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"card"'},{value:'"money"'},{value:'"password"'}]}},defaultValue:{defaultValue:{value:""},description:"Начальное значение поля",name:"defaultValue",required:!1,type:{name:"string"}},onMouseDown:{defaultValue:null,description:"Обработчик MouseDown по полю",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},clear:{defaultValue:null,description:"Крестик для очистки поля",name:"clear",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},wrapperRef:{defaultValue:null,description:"Ref для обертки input",name:"wrapperRef",required:!1,type:{name:"Ref"}},bottomAddons:{defaultValue:null,description:"Слот под инпутом",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Дополнительный класс инпута\nДополнительный класс для инпута",name:"inputClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focusedClassName:{defaultValue:null,description:"Класс, который будет установлен при фокусе",name:"focusedClassName",required:!1,type:{name:"string"}},filledClassName:{defaultValue:null,description:"Класс, который будет установлен, если в поле есть значение",name:"filledClassName",required:!1,type:{name:"string"}},onClear:{defaultValue:null,description:"Обработчик нажатия на кнопку очистки",name:"onClear",required:!1,type:{name:"((event: MouseEvent) => void)"}},disableUserInput:{defaultValue:{value:"false"},description:"Запрещает ввод с клавиатуры\nЗапретить ввод с клавиатуры",name:"disableUserInput",required:!1,type:{name:"boolean"}},popoverClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popoverClassName",required:!1,type:{name:"string"}},picker:{defaultValue:null,description:"Обработчик изменения значения",name:"picker",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Обработчик изменения значения",name:"onChange",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},onComplete:{defaultValue:null,description:"Обработчик окончания ввода",name:"onComplete",required:!1,type:{name:"((event: ChangeEvent | null, payload: { date: Date; value: string; }) => void)"}},Calendar:{defaultValue:null,description:"Компонент календаря",name:"Calendar",required:!1,type:{name:"ElementType"}},calendarProps:{defaultValue:{value:"{}"},description:"Доп. пропсы для календаря",name:"calendarProps",required:!1,type:{name:"(CalendarDesktopProps & Record) | (CalendarDesktopProps & { open: boolean; title?: string; onClose?: (() => void); onMonthTitleClick?: ((event: MouseEvent<...>) => void) | undefined; yearsAmount?: number | undefined; hasHeader?: boolean | undefined; allowSelectionFromEmptyRan..."}},defaultMonth:{defaultValue:null,description:"Месяц в календаре по умолчанию (timestamp)",name:"defaultMonth",required:!1,type:{name:"number"}},minDate:{defaultValue:{value:"calendarProps.minDate"},description:"Минимальная дата, доступная для выбора (timestamp)",name:"minDate",required:!1,type:{name:"number"}},maxDate:{defaultValue:{value:"calendarProps.maxDate"},description:"Максимальная дата, доступная для выбора (timestamp)",name:"maxDate",required:!1,type:{name:"number"}},events:{defaultValue:{value:"calendarProps.events || []"},description:"Список событий",name:"events",required:!1,type:{name:"(number | Date)[]"}},offDays:{defaultValue:{value:"calendarProps.offDays || []"},description:"Список выходных",name:"offDays",required:!1,type:{name:"(number | Date)[]"}},defaultOpen:{defaultValue:{value:"false"},description:"Состояние открытия по умолчанию",name:"defaultOpen",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:{value:"bottom-start"},description:"Позиционирование поповера с календарем",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},zIndexPopover:{defaultValue:null,description:"z-index Popover",name:"zIndexPopover",required:!1,type:{name:"number"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},useAnchorWidth:{defaultValue:null,description:"Календарь будет принимать ширину инпута",name:"useAnchorWidth",required:!1,type:{name:"boolean"}},view:{defaultValue:{value:"desktop"},description:"Отображение компонента в мобильном или десктопном виде",name:"view",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"mobile"'}]}},InputComponent:{defaultValue:null,description:"Компонент инпута",name:"InputComponent",required:!1,type:{name:"ElementType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/date-time-input/src/components/date-time-input/Component.tsx#DateTimeInput"]={docgenInfo:DateTimeInput.__docgenInfo,name:"DateTimeInput",path:"packages/date-time-input/src/components/date-time-input/Component.tsx#DateTimeInput"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/filter-tag-src-docs-Component-docs-mdx.490573bc.iframe.bundle.js b/master/filter-tag-src-docs-Component-docs-mdx.490573bc.iframe.bundle.js new file mode 100644 index 0000000000..8852b59a79 --- /dev/null +++ b/master/filter-tag-src-docs-Component-docs-mdx.490573bc.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[9350,6941],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/filter-tag/src/docs/Component.docs.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Component_docs}});__webpack_require__("./node_modules/react/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),Component_stories=__webpack_require__("./packages/filter-tag/src/docs/Component.stories.tsx");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a",ul:"ul",li:"li"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"группа-фильтров",children:"Группа фильтров"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Обычно фильтры объединяются в группу, в рамках группы используется один паттерн отображения лейбла."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"// Одиночный выбор\nconst CustomField = ({\n label,\n selected,\n setSelectedItems,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => {\n const checkedContent = (\n \n {!label && 'Одиночный выбор:'}\n {selected && selected.content}\n \n );\n\n const contentLabel = Одиночный выбор;\n\n return (\n
\n setSelectedItems([])}\n checked={selected}\n {...restInnerProps}\n {...restProps}\n >\n {selected ? checkedContent : contentLabel}\n \n
\n );\n};\n\n// Множественный выбор\nconst CustomFieldMultiple = ({\n label,\n selected,\n setSelectedItems,\n selectedMultiple,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => {\n const content = selected && selected.content;\n\n const checkedContent = (\n \n {!label && 'Множественный выбор:'}\n \n {' '}\n {selectedMultiple.length !== 1 ? `Выбрано: ${selectedMultiple.length}` : content}\n \n \n );\n\n const contentLabel = Множественный выбор;\n\n return (\n
\n setSelectedItems([])}\n checked={selected}\n {...restInnerProps}\n {...restProps}\n >\n {selected ? checkedContent : contentLabel}\n \n
\n );\n};\n\nrender(() => {\n const options = React.useMemo(\n () => [\n { key: '1', content: 'Auurum' },\n { key: '2', content: 'Bercelium' },\n { key: '3', content: 'Curium' },\n { key: '4', content: 'Neptunium' },\n { key: '5', content: 'Plutonuim' },\n ],\n [],\n );\n\n const [label, setLabel] = React.useState(false);\n\n const [selected, setSelected] = React.useState([]);\n\n const handleChangeSelected = ({ selectedMultiple }) => {\n setSelected(selectedMultiple);\n };\n\n const [selectedMultiple, setSelectedMultiple] = React.useState([]);\n const handleChangeMultiple = ({ selectedMultiple }) => {\n setSelectedMultiple(selectedMultiple.map((option) => option.key));\n };\n\n // Диапазон значений\n const [filterTag, setFilterTag] = React.useState(null);\n const [open, setOpen] = React.useState(false);\n const [value, setValue] = React.useState();\n const { selectedFrom, selectedTo, updatePeriod } = usePeriod();\n\n const handleOpen = () => {\n setOpen(!open);\n };\n\n const handleClear = () => {\n setOpen(false);\n updatePeriod(null, null);\n };\n\n const handleUpdatePeriodr = (date) => {\n updatePeriod(date);\n\n if (selectedFrom) {\n setOpen(false);\n }\n };\n\n const handleFilterTagRef = (node) => {\n setFilterTag(node);\n };\n\n const handleBlur = (ref, handleClick) => {\n React.useEffect(() => {\n const listener = (event) => {\n if (ref.current && !ref.current.contains(event.target)) {\n handleClick(event);\n }\n };\n\n document.addEventListener('mousedown', listener);\n document.addEventListener('touchstart', listener);\n\n return () => {\n document.removeEventListener('mousedown', listener);\n document.removeEventListener('touchstart', listener);\n };\n }, [ref, handleClick]);\n };\n const calendarRef = React.useRef(null);\n\n handleBlur(calendarRef, (event) => {\n if (filterTag && !filterTag.contains(event.target)) {\n handleOpen();\n }\n });\n\n const getDateString = React.useCallback((date) => {\n const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();\n const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1;\n const year = date.getFullYear();\n\n return `${day}.${month}.${year}`;\n }, []);\n\n const selectedRange = React.useMemo(() => {\n if (selectedFrom && selectedTo) {\n const selectedFromDate = new Date(selectedFrom);\n const selectedToDate = new Date(selectedTo);\n return `${getDateString(selectedFromDate)} - ${getDateString(selectedToDate)}`;\n }\n return '';\n }, [selectedFrom, selectedTo]);\n\n const checkedContent = (\n \n {!label && 'Диапазон значений:'}\n {selectedRange && selectedRange}\n \n );\n const content = Диапазон значений;\n\n const css = `\n div {\n border-radius: 8px;\n }\n `;\n\n return (\n <>\n \n \n \n \n \n \n
\n \n
\n \n\n \n {selectedRange ? checkedContent : content}\n \n \n setLabel(!label)}\n />\n \n );\n});\n//MOBILE\n// Одиночный выбор\nconst CustomField = ({\n label,\n selected,\n setSelectedItems,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => {\n const checkedContent = (\n \n {!label && 'Одиночный выбор:'}\n {selected && selected.content}\n \n );\n\n const contentLabel = Одиночный выбор;\n\n return (\n
\n setSelectedItems([])}\n checked={selected}\n {...restInnerProps}\n {...restProps}\n >\n {selected ? checkedContent : contentLabel}\n \n
\n );\n};\n\n// Множественный выбор\nconst CustomFieldMultiple = ({\n label,\n selected,\n setSelectedItems,\n selectedMultiple,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => {\n const content = selected && selected.content;\n\n const checkedContent = (\n \n {!label && 'Множественный выбор:'}\n \n {' '}\n {selectedMultiple.length !== 1 ? `Выбрано: ${selectedMultiple.length}` : content}\n \n \n );\n\n const contentLabel = Множественный выбор;\n\n return (\n
\n setSelectedItems([])}\n checked={selected}\n {...restInnerProps}\n {...restProps}\n >\n {selected ? checkedContent : contentLabel}\n \n
\n );\n};\n\nrender(() => {\n const options = [\n { key: '1', content: 'Auurum' },\n { key: '2', content: 'Bercelium' },\n { key: '3', content: 'Curium' },\n { key: '4', content: 'Neptunium' },\n { key: '5', content: 'Plutonuim' },\n ];\n\n const [label, setLabel] = React.useState(false);\n\n const [selected, setSelected] = React.useState([]);\n\n const handleChangeSelected = ({ selectedMultiple }) => {\n setSelected(selectedMultiple);\n };\n\n const [selectedMultiple, setSelectedMultiple] = React.useState([]);\n const handleChangeMultiple = ({ selectedMultiple }) => {\n setSelectedMultiple(selectedMultiple.map((option) => option.key));\n };\n\n // Диапазон значений\n const [open, setOpen] = React.useState(false);\n const [value, setValue] = React.useState();\n const { selectedFrom, selectedTo, updatePeriod } = usePeriod();\n\n const handleOpen = () => {\n setOpen(!open);\n };\n\n const handleClear = () => {\n setOpen(false);\n updatePeriod(null, null);\n };\n\n const handleUpdatePeriodr = (date) => {\n updatePeriod(date);\n\n if (selectedFrom) {\n setOpen(false);\n }\n };\n\n const getDateString = React.useCallback((date) => {\n const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();\n const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1;\n const year = date.getFullYear();\n\n return `${day}.${month}.${year}`;\n }, []);\n\n const selectedRange = React.useMemo(() => {\n if (selectedFrom && selectedTo) {\n const selectedFromDate = new Date(selectedFrom);\n const selectedToDate = new Date(selectedTo);\n return `${getDateString(selectedFromDate)} - ${getDateString(selectedToDate)}`;\n }\n return '';\n }, [selectedFrom, selectedTo]);\n\n const checkedContent = (\n \n {!label && 'Диапазон значений:'}\n {selectedRange && selectedRange}\n \n );\n const content = Диапазон значений;\n\n return (\n <>\n \n \n \n \n setOpen(false)}\n value={value}\n selectedFrom={selectedFrom}\n selectedTo={selectedTo}\n onChange={handleUpdatePeriodr}\n selectorView='month-only'\n />\n \n {selectedRange ? checkedContent : content}\n \n \n setLabel(!label)}\n />\n \n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"предзаполненное-значение-фильтра",children:"Предзаполненное значение фильтра"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Компонент может иметь предзаполненное значение, в таком случае в заполненном состоянии у него не может быть крестика очистки."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"const CustomField = ({\n label,\n selected,\n setSelectedItems,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => (\n
\n \n {selected.content}\n \n
\n);\nrender(() => {\n const options = React.useMemo(\n () => [\n { key: '1', content: 'По возрастанию' },\n { key: '2', content: 'По убыванию' },\n ],\n [],\n );\n\n const [selected, setSelected] = React.useState([options[0]]);\n\n const handleChangeSelected = ({ selectedMultiple }) => {\n setSelected(selectedMultiple);\n };\n\n return (\n \n );\n});\n//MOBILE\nconst CustomField = ({\n label,\n selected,\n setSelectedItems,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => (\n
\n \n {selected.content}\n \n
\n);\nrender(() => {\n const options = React.useMemo(\n () => [\n { key: '1', content: 'По возрастанию' },\n { key: '2', content: 'По убыванию' },\n ],\n [],\n );\n\n const [selected, setSelected] = React.useState([options[0]]);\n\n const handleChangeSelected = ({ selectedMultiple }) => {\n setSelected(selectedMultiple);\n };\n\n return (\n \n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"состояния",children:"Состояния"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Таб может находиться в активном и неактивном состоянии. Взаимодействие может быть ограничено с помощью свойства ",(0,jsx_runtime.jsx)(_components.code,{children:"disabled"}),"."]}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const checkedContent = (\n \n Label: Value\n \n );\n const content = Label;\n const [checkedFilterTag, setCheckedFilterTag] = React.useState([]);\n\n return (\n \n \n
\n \n {content}\n \n
\n
\n \n {content}\n \n
\n
\n
\n
\n \n {checkedContent}\n \n
\n
\n \n {checkedContent}\n \n
\n
\n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"стиль",children:"Стиль"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Компонент наследует опции компонента ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/tag--docs",children:"Tag"}),", отвечающие за внешний вид:"]}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsx)(_components.li,{children:"shape (форма) — овальные или прямоугольные."}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:"view (стиль) — залитые или бордерные."}),"\n"]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_desktop=__webpack_require__("./packages/filter-tag/src/Component.desktop.tsx"),Component_mobile=__webpack_require__("./packages/filter-tag/src/Component.mobile.tsx"),Component_responsive=__webpack_require__("./packages/filter-tag/src/Component.responsive.tsx"),index_module="@import '../../../../themes/src/default.css';\n@import '../../../../tag/src/vars.css';\n\n:root {\n --filter-tag-separator-background-color-hover: transparent;\n}\n\n.component {\n display: flex;\n width: max-content;\n max-width: 100%;\n box-sizing: border-box;\n\n &.disabled {\n background-color: var(--tag-outlined-background-color-disabled);\n }\n\n &.rounded {\n &.xxs {\n border-radius: var(--tag-rounded-xxs-border-radius);\n }\n\n &.xs {\n border-radius: var(--tag-rounded-xs-border-radius);\n }\n\n &.s {\n border-radius: var(--tag-rounded-s-border-radius);\n }\n }\n\n &.checked {\n &:not(.disabled).xxs {\n min-width: 84px;\n }\n\n &:not(.disabled).xs {\n min-width: 104px;\n }\n\n &:not(.disabled).s {\n min-width: 116px;\n }\n }\n}\n\n.content {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.focused {\n @mixin focus-outline;\n}\n\n.chevron {\n position: relative;\n transition: transform 0.2s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-light-graphic-primary);\n}\n\n.valueButton {\n display: flex;\n align-items: center;\n box-shadow: none;\n user-select: none;\n cursor: pointer;\n outline: none;\n white-space: nowrap;\n font-family: var(--font-family);\n color: var(--tag-text-color);\n background-color: var(--tag-outlined-background-color);\n border-width: var(--tag-border-width);\n border-color: var(--tag-border-color);\n border-style: solid;\n transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n margin: 0;\n\n &:disabled {\n cursor: var(--disabled-cursor);\n\n & > .chevron {\n color: var(--color-light-graphic-primary-alpha-30);\n }\n }\n\n &.rounded {\n &.xxs {\n border-radius: var(--tag-rounded-xxs-border-radius);\n }\n\n &.xs {\n border-radius: var(--tag-rounded-xs-border-radius);\n }\n\n &.s {\n border-radius: var(--tag-rounded-s-border-radius);\n }\n }\n\n &.xxs {\n min-width: 60px;\n min-height: var(--size-xxs-height);\n\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height\n Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */\n height: 32px;\n }\n }\n\n &.xs {\n min-width: 72px;\n min-height: var(--size-xs-height);\n\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height\n Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */\n height: 40px;\n }\n }\n\n &.s {\n min-width: 80px;\n min-height: var(--size-s-height);\n\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height\n Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */\n height: 48px;\n }\n }\n\n &.outlined {\n color: var(--tag-text-color);\n border-color: var(--tag-border-color);\n background-color: var(--tag-outlined-background-color);\n\n &:disabled {\n border-color: var(--tag-border-color-disabled);\n color: var(--tag-text-color-disabled);\n background-color: var(--tag-outlined-background-color-disabled);\n }\n @media (hover: hover) {\n &:not(:disabled):hover {\n border-color: var(--tag-border-color-hover);\n background-color: var(--tag-outlined-background-color-hover);\n }\n }\n &:not(:disabled):active {\n border-color: var(--tag-border-color-active);\n background-color: var(--tag-outlined-background-color-active);\n }\n }\n\n &.filled {\n color: var(--tag-text-color);\n border-color: var(--tag-filled-border-color);\n\n &:disabled {\n color: var(--tag-text-color-disabled);\n }\n }\n\n &.s {\n @mixin paragraph_primary_medium;\n padding-right: var(--gap-s);\n padding-left: var(--gap-xl);\n\n & .chevron {\n margin: 0 var(--gap-xs);\n }\n }\n\n &.xs {\n @mixin paragraph_primary_small;\n padding-right: var(--gap-xs);\n padding-left: var(--gap-l);\n\n & .chevron {\n margin: 0 var(--gap-xs) 0 var(--gap-2xs);\n }\n }\n\n &.xxs {\n @mixin paragraph_primary_small;\n padding-right: var(--gap-2xs);\n padding-left: var(--gap-m);\n\n & .chevron {\n margin: 0 var(--gap-xs) 0 var(--gap-2xs);\n }\n }\n\n &.open .chevron {\n transform: rotateZ(180deg);\n }\n\n &.checked {\n border-width: 0;\n color: var(--tag-text-color-checked);\n\n & > .chevron {\n color: var(--color-light-graphic-primary-inverted);\n }\n\n &.rounded {\n &.xxs {\n border-radius: var(--tag-rounded-xxs-border-radius) 0 0\n var(--tag-rounded-xxs-border-radius);\n }\n\n &.xs {\n border-radius: var(--tag-rounded-xs-border-radius) 0 0\n var(--tag-rounded-xs-border-radius);\n }\n\n &.s {\n border-radius: var(--tag-rounded-s-border-radius) 0 0\n var(--tag-rounded-s-border-radius);\n }\n\n &:disabled,\n &.close {\n border-radius: var(--tag-border-radius);\n }\n }\n\n &:not(:disabled) {\n padding-right: 0;\n border-right-width: 0;\n }\n\n @media (hover: hover) {\n &:not(:disabled):hover + .clear:before {\n background-color: var(--filter-tag-separator-background-color-hover);\n }\n }\n\n &:not(:disabled):active + .clear:before {\n background-color: transparent;\n }\n\n &:disabled {\n color: var(--tag-text-color-checked-disabled);\n }\n }\n}\n\n.clear {\n position: relative;\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--color-light-graphic-tertiary);\n\n &.rounded {\n &.xxs {\n border-radius: 0 var(--tag-rounded-xxs-border-radius)\n var(--tag-rounded-xxs-border-radius) 0;\n }\n\n &.xs {\n border-radius: 0 var(--tag-rounded-xs-border-radius) var(--tag-rounded-xs-border-radius)\n 0;\n }\n\n &.s {\n border-radius: 0 var(--tag-rounded-s-border-radius) var(--tag-rounded-s-border-radius) 0;\n }\n }\n\n &:before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n display: block;\n background-color: var(--color-light-border-underline-inverted);\n width: 1px;\n transition: background-color 0.2s ease;\n }\n\n @media (hover: hover) {\n &:hover:before {\n background-color: var(--filter-tag-separator-background-color-hover);\n }\n }\n\n &:active:before {\n background-color: transparent;\n }\n\n @media (hover: hover) {\n &:hover {\n color: var(--color-light-graphic-primary-inverted);\n }\n }\n\n &:active {\n color: var(--color-light-graphic-primary-inverted);\n }\n\n &.s {\n padding: 0 var(--gap-s) 0 var(--gap-xs);\n\n &:before {\n height: 24px;\n }\n }\n\n &.xs {\n padding: 0 var(--gap-xs);\n\n &:before {\n height: 24px;\n }\n }\n\n &.xxs {\n padding: 0 3px 0 var(--gap-2xs);\n\n &:before {\n height: 20px;\n }\n }\n}\n\n.iconWrapper {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code",p:"p"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { FilterTag } from '@alfalab/core-components/filter-tag';\nimport { FilterTagMobile } from '@alfalab/core-components/filter-tag/mobile';\nimport { FilterTagDesktop } from '@alfalab/core-components/filter-tag/desktop';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Из индекса импортируется responsive версия компонента."}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{components:{FilterTagDesktop:Component_desktop.s,FilterTagMobile:Component_mobile.Y,FilterTag:Component_responsive.d}}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)},CHANGELOGraw_namespaceObject="# Change Log\n\n## 3.0.1\n\n### Patch Changes\n\n### [#838](https://github.com/core-ds/core-components/pull/838)\n\n- Задана максимальная ширина в 100%, чтобы они не выходили за границы родителя\n\n## 3.0.0\n\n### Major Changes\n\n### [#700](https://github.com/core-ds/core-components/pull/700)\n\n- Для компонента FilterTag добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - mq@4.2.0\n\n## 2.1.8\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n## 2.1.7\n\n### Patch Changes\n\n### [#676](https://github.com/core-ds/core-components/pull/676)\n\n- Обновлена зависимость @alfalab/hooks\n\n## 2.1.6\n\n### Patch Changes\n\n### [#654](https://github.com/core-ds/core-components/pull/654)\n\n- Удалены лишние dependencies, добавлены отсутствующие\n\n## 2.1.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.10\n\n## 2.1.4\n\n### Patch Changes\n\n### [#623](https://github.com/core-ds/core-components/pull/623)\n\n- Tокены 'dark' заменены на аналогичные 'light'\n\n- Обновлены зависимости\n - tag@5.3.1\n\n## 2.1.3\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - icon-button@6.0.9\n - tag@5.3.0\n\n## 2.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - tag@5.2.0\n\n## 2.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.8\n\n## 2.1.0\n\n### Minor Changes\n\n### [#498](https://github.com/core-ds/core-components/pull/498)\n\n- Добавлены новые пропс shape и view отвечающие за форму и стиль тега\n\n### Patch Changes\n\n### [#534](https://github.com/core-ds/core-components/pull/534)\n\n- Удалены restProps\n\n### [#524](https://github.com/core-ds/core-components/pull/524)\n\n- Исправлен баг, из-за которого отсутствовал hover-эффект на старых браузерах\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - tag@5.1.0\n - icon-button@6.0.7\n\n## 2.0.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.6\n\n## 2.0.14\n\n### Patch Changes\n\n### [#491](https://github.com/core-ds/core-components/pull/491)\n\n- Обновлены внутренние переменные (themes/default.css) для размеров кнопок (xxs добавлен, xs исправлен)\n\n- Обновлены зависимости\n - tag@5.0.4\n - icon-button@6.0.5\n\n## 2.0.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.4\n\n## 2.0.12\n\n### Patch Changes\n\n### [#433](https://github.com/core-ds/core-components/pull/433)\n\n- Добавлен новый опциональный prop `showClear` в компонент FilterTag. Теперь есть возможность скрывать наличие крестика в активном состоянии тэга\n\n- Обновлены зависимости\n - icon-button@6.0.3\n\n## 2.0.11\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - icon-button@6.0.2\n - tag@5.0.3\n\n## 2.0.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.1\n\n## 2.0.9\n\n### Patch Changes\n\n### [#322](https://github.com/core-ds/core-components/pull/322)\n\n- Исправлено некорректное отображение в Safari при взаимодействии с компонентом FilterTag\n\n## 2.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.0\n - tag@5.0.2\n\n## 2.0.7\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n - @alfalab/core-components-icon-button@5.0.5\n\n## 2.0.6\n\n### Patch Changes\n\n- [#279](https://github.com/core-ds/core-components/pull/279): chore: обновились @alfalab-data и @alfalab/utils версии в зависимостях. Thanks [@EGNKupava](https://github.com/EGNKupava)\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [2.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.4...@alfalab/core-components-filter-tag@2.0.5) (2022-09-12)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [2.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.3...@alfalab/core-components-filter-tag@2.0.4) (2022-09-02)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [2.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.2...@alfalab/core-components-filter-tag@2.0.3) (2022-08-31)\n\n### Bug Fixes\n\n- **filter-tag:** поправлены цвета у иконки крестика ([#167](https://github.com/core-ds/core-components/issues/167)) ([28eb49e](https://github.com/core-ds/core-components/commit/28eb49e012b5b6f8a8e4f07e2214ecb65fae0564))\n\n## [2.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.1...@alfalab/core-components-filter-tag@2.0.2) (2022-08-26)\n\n### Bug Fixes\n\n- **filter-tag:** добавил font family ([#212](https://github.com/core-ds/core-components/issues/212)) ([34dd253](https://github.com/core-ds/core-components/commit/34dd253c5c7dcdc03443212c7dd1c2b3b8ca9e1b))\n\n## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.0...@alfalab/core-components-filter-tag@2.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n# [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.4.2...@alfalab/core-components-filter-tag@2.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [1.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.4.1...@alfalab/core-components-filter-tag@1.4.2) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [1.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.4.0...@alfalab/core-components-filter-tag@1.4.1) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n# [1.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.3.3...@alfalab/core-components-filter-tag@1.4.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [1.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.3.2...@alfalab/core-components-filter-tag@1.3.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.3.1...@alfalab/core-components-filter-tag@1.3.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [1.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.3.0...@alfalab/core-components-filter-tag@1.3.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n# [1.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.2.0...@alfalab/core-components-filter-tag@1.3.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n\n# [1.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.10...@alfalab/core-components-filter-tag@1.2.0) (2022-06-24)\n\n### Features\n\n- **amount-input:** added functionality to enter negative values ([#106](https://github.com/core-ds/core-components/issues/106)) ([d6b6ca7](https://github.com/core-ds/core-components/commit/d6b6ca71d87b5c4c62d2e87cdbe9d1ff035852c4))\n\n## [1.1.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.9...@alfalab/core-components-filter-tag@1.1.10) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.1.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.8...@alfalab/core-components-filter-tag@1.1.9) (2022-06-20)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.7...@alfalab/core-components-filter-tag@1.1.8) (2022-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.6...@alfalab/core-components-filter-tag@1.1.7) (2022-06-03)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.0...@alfalab/core-components-filter-tag@1.1.1) (2022-03-30)\n\n### Bug Fixes\n\n- **filter-tag:** move onClick from btn to div ([#1049](https://github.com/core-ds/core-components/issues/1049)) ([616a90a](https://github.com/core-ds/core-components/commit/616a90af9b0b95de324d3475572d5ac85d3e7a2a))\n\n# 1.1.0 (2022-03-28)\n\n### Features\n\n- **filter-tag:** new component ([#1035](https://github.com/core-ds/core-components/issues/1035)) ([f97e9c5](https://github.com/core-ds/core-components/commit/f97e9c59062e56f3bafa855450a33b5f67497143))\n",package_namespaceObject={i8:"3.0.1"};function Component_docs_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{of:Component_stories}),"\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"FilterTag",version:package_namespaceObject.i8,package:"@alfalab/core-components/filter-tag",design:"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components?node-id=7300%3A40133",children:"Используется чтобы вывести параметры фильтрации и отобразить примененное значение."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),development:(0,jsx_runtime.jsx)(development,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject})})]})}var Component_docs=function Component_docs_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(Component_docs_createMdxContent,props)})):Component_docs_createMdxContent()}},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/filter-tag/src/docs/Component.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:function(){return __namedExportsOrder},filter_tag:function(){return filter_tag},filter_tag_desktop:function(){return filter_tag_desktop},filter_tag_mobile:function(){return filter_tag_mobile}});var _filter_tag$parameter,_filter_tag$parameter2,_filter_tag$parameter3,_filter_tag_mobile$pa,_filter_tag_mobile$pa2,_filter_tag_mobile$pa3,_filter_tag_desktop$p,_filter_tag_desktop$p2,_filter_tag_desktop$p3,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js")),_alfalab_core_components_filter_tag__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/filter-tag/modern/index.js"),_alfalab_core_components_filter_tag_mobile__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./dist/filter-tag/modern/mobile.js"),_alfalab_core_components_filter_tag_desktop__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./dist/filter-tag/modern/desktop.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),meta={title:"Components/FilterTag",component:_alfalab_core_components_filter_tag__WEBPACK_IMPORTED_MODULE_2__.FilterTag,id:"FilterTag"},SIZES=["xxs","xs","s"],filter_tag={name:"FilterTag",render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_alfalab_core_components_filter_tag__WEBPACK_IMPORTED_MODULE_2__.FilterTag,{size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",SIZES,"s"),variant:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("variant",["default","alt"],"default"),shape:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("shape",["rounded","rectangular"],"rounded"),view:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("view",["outlined","filled"],"outlined"),disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),checked:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("checked",!1),open:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("open",!1),showClear:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("showClear",!0),children:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("children","FilterTag")})})}},filter_tag_mobile={name:"FilterTagMobile",render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_alfalab_core_components_filter_tag_mobile__WEBPACK_IMPORTED_MODULE_3__.FilterTagMobile,{size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",SIZES,"s"),variant:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("variant",["default","alt"],"default"),shape:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("shape",["rounded","rectangular"],"rounded"),view:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("view",["outlined","filled"],"outlined"),disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),checked:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("checked",!1),open:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("open",!1),showClear:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("showClear",!0),children:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("children","FilterTag")})})}},filter_tag_desktop={name:"FilterTagDesktop",render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_alfalab_core_components_filter_tag_desktop__WEBPACK_IMPORTED_MODULE_4__.FilterTagDesktop,{size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",SIZES,"s"),variant:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("variant",["default","alt"],"default"),shape:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("shape",["rounded","rectangular"],"rounded"),view:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("view",["outlined","filled"],"outlined"),disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),checked:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("checked",!1),open:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("open",!1),showClear:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("showClear",!0),children:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("children","FilterTag")})})}};__webpack_exports__.default=meta,filter_tag.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},filter_tag.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},null===(_filter_tag$parameter=filter_tag.parameters)||void 0===_filter_tag$parameter?void 0:_filter_tag$parameter.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({originalSource:"{\n name: 'FilterTag',\n render: () =>
\n \n {text('children', 'FilterTag')}\n \n
\n}"},null===(_filter_tag$parameter2=filter_tag.parameters)||void 0===_filter_tag$parameter2||null===(_filter_tag$parameter3=_filter_tag$parameter2.docs)||void 0===_filter_tag$parameter3?void 0:_filter_tag$parameter3.source)})}),filter_tag_mobile.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},filter_tag_mobile.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},null===(_filter_tag_mobile$pa=filter_tag_mobile.parameters)||void 0===_filter_tag_mobile$pa?void 0:_filter_tag_mobile$pa.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({originalSource:"{\n name: 'FilterTagMobile',\n render: () =>
\n \n {text('children', 'FilterTag')}\n \n
\n}"},null===(_filter_tag_mobile$pa2=filter_tag_mobile.parameters)||void 0===_filter_tag_mobile$pa2||null===(_filter_tag_mobile$pa3=_filter_tag_mobile$pa2.docs)||void 0===_filter_tag_mobile$pa3?void 0:_filter_tag_mobile$pa3.source)})}),filter_tag_desktop.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},filter_tag_desktop.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},null===(_filter_tag_desktop$p=filter_tag_desktop.parameters)||void 0===_filter_tag_desktop$p?void 0:_filter_tag_desktop$p.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({originalSource:"{\n name: 'FilterTagDesktop',\n render: () =>
\n \n {text('children', 'FilterTag')}\n \n
\n}"},null===(_filter_tag_desktop$p2=filter_tag_desktop.parameters)||void 0===_filter_tag_desktop$p2||null===(_filter_tag_desktop$p3=_filter_tag_desktop$p2.docs)||void 0===_filter_tag_desktop$p3?void 0:_filter_tag_desktop$p3.source)})});var __namedExportsOrder=["filter_tag","filter_tag_mobile","filter_tag_desktop"]},"./packages/filter-tag/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{s:function(){return FilterTagDesktop}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("./node_modules/react/index.js"),base_filter_tag=__webpack_require__("./packages/filter-tag/src/components/base-filter-tag/index.ts"),desktop_module={component:"component_hafUw",rectangular:"rectangular_fKMik",xxs:"xxs_haxXH",xs:"xs__u9RT",s:"s_C9knK",checked:"checked_TDOr3",disabled:"disabled_rDSBM",valueButton:"valueButton_RHyrG",filled:"filled_E0fxA",close:"close_NsDJN",clear:"clear_rNb9t"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),FilterTagDesktop=(0,react.forwardRef)((function(restProps,ref){return(0,jsx_runtime.jsx)(base_filter_tag.b,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:ref,styles:desktop_module}))}));try{FilterTagDesktop.displayName="FilterTagDesktop",FilterTagDesktop.__docgenInfo={description:"",displayName:"FilterTagDesktop",props:{children:{defaultValue:null,description:"Контент",name:"children",required:!1,type:{name:"ReactNode"}},view:{defaultValue:null,description:"Стиль тега",name:"view",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Обработчик клика",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'}]}},disabled:{defaultValue:null,description:"Состояние блокировки",name:"disabled",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Состояние открытия",name:"open",required:!1,type:{name:"boolean"}},checked:{defaultValue:null,description:"Состояние выбора",name:"checked",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"@deprecated данный проп больше не используется, временно оставлен для обратной совместимости\nИспользуйте props shape и view\nВариант тега",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"alt"'}]}},shape:{defaultValue:null,description:"Форма тега",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"rectangular"'}]}},onClear:{defaultValue:null,description:"Обработчик очистки",name:"onClear",required:!1,type:{name:"(() => void)"}},showClear:{defaultValue:null,description:"Показывать крестик для очистки выбора",name:"showClear",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/filter-tag/src/Component.desktop.tsx#FilterTagDesktop"]={docgenInfo:FilterTagDesktop.__docgenInfo,name:"FilterTagDesktop",path:"packages/filter-tag/src/Component.desktop.tsx#FilterTagDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/filter-tag/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Y:function(){return FilterTagMobile}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("./node_modules/react/index.js"),base_filter_tag=__webpack_require__("./packages/filter-tag/src/components/base-filter-tag/index.ts"),mobile_module={component:"component_Hj4KB",rectangular:"rectangular_ix0V6",xxs:"xxs_BNqqF",xs:"xs_i_xgr",s:"s_hSF3d",checked:"checked_twVvB",disabled:"disabled_xx6WO",valueButton:"valueButton_KVBSg",filled:"filled_ZQkVB",close:"close_DGuHX",clear:"clear_iHlEC"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),FilterTagMobile=(0,react.forwardRef)((function(restProps,ref){return(0,jsx_runtime.jsx)(base_filter_tag.b,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:ref,styles:mobile_module}))}));try{FilterTagMobile.displayName="FilterTagMobile",FilterTagMobile.__docgenInfo={description:"",displayName:"FilterTagMobile",props:{children:{defaultValue:null,description:"Контент",name:"children",required:!1,type:{name:"ReactNode"}},view:{defaultValue:null,description:"Стиль тега",name:"view",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Обработчик клика",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'}]}},disabled:{defaultValue:null,description:"Состояние блокировки",name:"disabled",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Состояние открытия",name:"open",required:!1,type:{name:"boolean"}},checked:{defaultValue:null,description:"Состояние выбора",name:"checked",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"@deprecated данный проп больше не используется, временно оставлен для обратной совместимости\nИспользуйте props shape и view\nВариант тега",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"alt"'}]}},shape:{defaultValue:null,description:"Форма тега",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"rectangular"'}]}},onClear:{defaultValue:null,description:"Обработчик очистки",name:"onClear",required:!1,type:{name:"(() => void)"}},showClear:{defaultValue:null,description:"Показывать крестик для очистки выбора",name:"showClear",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/filter-tag/src/Component.mobile.tsx#FilterTagMobile"]={docgenInfo:FilterTagMobile.__docgenInfo,name:"FilterTagMobile",path:"packages/filter-tag/src/Component.mobile.tsx#FilterTagMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/filter-tag/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{d:function(){return FilterTag}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/mq/modern/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/filter-tag/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/filter-tag/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","breakpoint"],FilterTag=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var children=_ref.children,_ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_ref,_excluded),query="(min-width: ".concat(breakpoint,"px)"),_useMatchMedia=(0,_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__.useMatchMedia)(query),Component=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMatchMedia,1)[0]?_Component_desktop__WEBPACK_IMPORTED_MODULE_2__.s:_Component_mobile__WEBPACK_IMPORTED_MODULE_3__.Y;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Component,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({ref:ref},restProps),{},{children:children}))}));try{FilterTag.displayName="FilterTag",FilterTag.__docgenInfo={description:"",displayName:"FilterTag",props:{children:{defaultValue:null,description:"Контент",name:"children",required:!1,type:{name:"ReactNode"}},view:{defaultValue:null,description:"Стиль тега",name:"view",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Обработчик клика",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'}]}},disabled:{defaultValue:null,description:"Состояние блокировки",name:"disabled",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Состояние открытия",name:"open",required:!1,type:{name:"boolean"}},checked:{defaultValue:null,description:"Состояние выбора",name:"checked",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"@deprecated данный проп больше не используется, временно оставлен для обратной совместимости\nИспользуйте props shape и view\nВариант тега",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"alt"'}]}},shape:{defaultValue:null,description:"Форма тега",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"rectangular"'}]}},onClear:{defaultValue:null,description:"Обработчик очистки",name:"onClear",required:!1,type:{name:"(() => void)"}},showClear:{defaultValue:null,description:"Показывать крестик для очистки выбора",name:"showClear",required:!1,type:{name:"boolean"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/filter-tag/src/Component.responsive.tsx#FilterTag"]={docgenInfo:FilterTag.__docgenInfo,name:"FilterTag",path:"packages/filter-tag/src/Component.responsive.tsx#FilterTag"})}catch(__react_docgen_typescript_loader_error){}},"./packages/filter-tag/src/components/base-filter-tag/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{b:function(){return BaseFilterTag}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),esm=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),ChevronDownCompactSIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/ChevronDownCompactSIcon.js"),ChevronDownMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/ChevronDownMIcon.js"),CrossCircleMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CrossCircleMIcon.js"),CrossCircleSIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CrossCircleSIcon.js"),index_module={component:"component_DIoeq",disabled:"disabled_czMWG",rounded:"rounded_zBuYW",xxs:"xxs_dNX_6",xs:"xs_gry_n",s:"s_yNyG4",checked:"checked_f8Ar7",content:"content_DAcet",focused:"focused_TiKkL",chevron:"chevron_jjPn_",valueButton:"valueButton_qrxaV",outlined:"outlined_FHpeK",filled:"filled_t6TNq",open:"open_fl6jy",close:"close_WwwW0",clear:"clear_xzlTi",iconWrapper:"iconWrapper_rvc8l"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),BaseFilterTag=(0,react.forwardRef)((function(_ref,ref){var _cn,_cn2,children=_ref.children,checked=_ref.checked,disabled=_ref.disabled,open=_ref.open,onClick=_ref.onClick,_ref$size=_ref.size,size=void 0===_ref$size?"s":_ref$size,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,shape=_ref.shape,_ref$view=_ref.view,view=void 0===_ref$view?"outlined":_ref$view,_ref$onClear=_ref.onClear,onClear=void 0===_ref$onClear?function(){return null}:_ref$onClear,_ref$showClear=_ref.showClear,showClear=void 0===_ref$showClear||_ref$showClear,className=_ref.className,dataTestId=_ref.dataTestId,_ref$styles=_ref.styles,styles=void 0===_ref$styles?{}:_ref$styles,valueRef=(0,react.useRef)(null),_useFocus=(0,esm.KK)(valueRef,"keyboard"),focused=(0,slicedToArray.Z)(_useFocus,1)[0],handleClear=function handleClear(event){(event.stopPropagation(),function isKeyBoardEvent(event){return void 0!==event.key}(event))?["Enter"].includes(event.key)&&onClear():onClear()},shapeClassName=shape||("default"===variant?"rounded":"rectangular");return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(className,index_module.component,index_module[shapeClassName],index_module[size],styles.component,styles[shapeClassName],styles[size],(_cn={},(0,defineProperty.Z)(_cn,index_module.checked,checked),(0,defineProperty.Z)(_cn,styles.checked,checked),(0,defineProperty.Z)(_cn,index_module.disabled,disabled),(0,defineProperty.Z)(_cn,styles.disabled,disabled),(0,defineProperty.Z)(_cn,index_module.focused,focused),(0,defineProperty.Z)(_cn,index_module.open,open),_cn)),ref:ref,"data-test-id":dataTestId,onClick:disabled?void 0:onClick,children:[(0,jsx_runtime.jsxs)("button",{type:"button",ref:valueRef,disabled:disabled,className:classnames_default()(index_module.valueButton,styles.valueButton,index_module[size],styles[size],index_module[shapeClassName],styles[shapeClassName],index_module[view],(_cn2={},(0,defineProperty.Z)(_cn2,styles[view],Boolean(styles[view])),(0,defineProperty.Z)(_cn2,index_module.checked,checked),(0,defineProperty.Z)(_cn2,styles.checked,checked),(0,defineProperty.Z)(_cn2,index_module.open,open),(0,defineProperty.Z)(_cn2,index_module.close,!showClear),(0,defineProperty.Z)(_cn2,styles.close,!showClear),_cn2)),children:[(0,jsx_runtime.jsx)("span",{className:index_module.content,children:children}),(0,jsx_runtime.jsx)("span",{className:index_module.chevron,children:"xxs"===size?(0,jsx_runtime.jsx)(ChevronDownCompactSIcon.ChevronDownCompactSIcon,{}):(0,jsx_runtime.jsx)(ChevronDownMIcon.ChevronDownMIcon,{})})]}),checked&&!disabled&&showClear&&(0,jsx_runtime.jsx)("div",{role:"button",className:classnames_default()(index_module.clear,styles.clear,index_module[size],styles[size],styles[shapeClassName],index_module[shapeClassName]),onClick:handleClear,onKeyDown:handleClear,tabIndex:0,children:(0,jsx_runtime.jsx)("span",{className:index_module.iconWrapper,children:"xxs"===size?(0,jsx_runtime.jsx)(CrossCircleSIcon.CrossCircleSIcon,{}):(0,jsx_runtime.jsx)(CrossCircleMIcon.CrossCircleMIcon,{})})})]})}));try{BaseFilterTag.displayName="BaseFilterTag",BaseFilterTag.__docgenInfo={description:"",displayName:"BaseFilterTag",props:{checked:{defaultValue:null,description:"Состояние выбора",name:"checked",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Состояние открытия",name:"open",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"Состояние блокировки",name:"disabled",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"Обработчик клика",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},onClear:{defaultValue:{value:"() => null"},description:"Обработчик очистки",name:"onClear",required:!1,type:{name:"(() => void)"}},children:{defaultValue:null,description:"Контент",name:"children",required:!1,type:{name:"ReactNode"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:{value:"s"},description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'}]}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},showClear:{defaultValue:{value:"true"},description:"Показывать крестик для очистки выбора",name:"showClear",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"default"},description:"@deprecated данный проп больше не используется, временно оставлен для обратной совместимости\nИспользуйте props shape и view\nВариант тега",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"alt"'}]}},shape:{defaultValue:null,description:"Форма тега",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"rectangular"'}]}},view:{defaultValue:{value:"outlined"},description:"Стиль тега",name:"view",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},styles:{defaultValue:{value:"{}"},description:"Основные стили компонента.",name:"styles",required:!1,type:{name:"{ [key: string]: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/filter-tag/src/components/base-filter-tag/Component.tsx#BaseFilterTag"]={docgenInfo:BaseFilterTag.__docgenInfo,name:"BaseFilterTag",path:"packages/filter-tag/src/components/base-filter-tag/Component.tsx#BaseFilterTag"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/filter-tag-src-docs-Component-docs-mdx.a0141f64.iframe.bundle.js b/master/filter-tag-src-docs-Component-docs-mdx.a0141f64.iframe.bundle.js deleted file mode 100644 index 44c2746184..0000000000 --- a/master/filter-tag-src-docs-Component-docs-mdx.a0141f64.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[9350,6941],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/filter-tag/src/docs/Component.docs.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Component_docs}});__webpack_require__("./node_modules/react/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),Component_stories=__webpack_require__("./packages/filter-tag/src/docs/Component.stories.tsx");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a",ul:"ul",li:"li"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"группа-фильтров",children:"Группа фильтров"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Обычно фильтры объединяются в группу, в рамках группы используется один паттерн отображения лейбла."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"// Одиночный выбор\nconst CustomField = ({\n label,\n selected,\n setSelectedItems,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => {\n const checkedContent = (\n \n {!label && 'Одиночный выбор:'}\n {selected && selected.content}\n \n );\n\n const contentLabel = Одиночный выбор;\n\n return (\n
\n setSelectedItems([])}\n checked={selected}\n {...restInnerProps}\n {...restProps}\n >\n {selected ? checkedContent : contentLabel}\n \n
\n );\n};\n\n// Множественный выбор\nconst CustomFieldMultiple = ({\n label,\n selected,\n setSelectedItems,\n selectedMultiple,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => {\n const content = selected && selected.content;\n\n const checkedContent = (\n \n {!label && 'Множественный выбор:'}\n \n {' '}\n {selectedMultiple.length !== 1 ? `Выбрано: ${selectedMultiple.length}` : content}\n \n \n );\n\n const contentLabel = Множественный выбор;\n\n return (\n
\n setSelectedItems([])}\n checked={selected}\n {...restInnerProps}\n {...restProps}\n >\n {selected ? checkedContent : contentLabel}\n \n
\n );\n};\n\nrender(() => {\n const options = React.useMemo(\n () => [\n { key: '1', content: 'Auurum' },\n { key: '2', content: 'Bercelium' },\n { key: '3', content: 'Curium' },\n { key: '4', content: 'Neptunium' },\n { key: '5', content: 'Plutonuim' },\n ],\n [],\n );\n\n const [label, setLabel] = React.useState(false);\n\n const [selected, setSelected] = React.useState([]);\n\n const handleChangeSelected = ({ selectedMultiple }) => {\n setSelected(selectedMultiple);\n };\n\n const [selectedMultiple, setSelectedMultiple] = React.useState([]);\n const handleChangeMultiple = ({ selectedMultiple }) => {\n setSelectedMultiple(selectedMultiple.map((option) => option.key));\n };\n\n // Диапазон значений\n const [filterTag, setFilterTag] = React.useState(null);\n const [open, setOpen] = React.useState(false);\n const [value, setValue] = React.useState();\n const { selectedFrom, selectedTo, updatePeriod } = usePeriod();\n\n const handleOpen = () => {\n setOpen(!open);\n };\n\n const handleClear = () => {\n setOpen(false);\n updatePeriod(null, null);\n };\n\n const handleUpdatePeriodr = (date) => {\n updatePeriod(date);\n\n if (selectedFrom) {\n setOpen(false);\n }\n };\n\n const handleFilterTagRef = (node) => {\n setFilterTag(node);\n };\n\n const handleBlur = (ref, handleClick) => {\n React.useEffect(() => {\n const listener = (event) => {\n if (ref.current && !ref.current.contains(event.target)) {\n handleClick(event);\n }\n };\n\n document.addEventListener('mousedown', listener);\n document.addEventListener('touchstart', listener);\n\n return () => {\n document.removeEventListener('mousedown', listener);\n document.removeEventListener('touchstart', listener);\n };\n }, [ref, handleClick]);\n };\n const calendarRef = React.useRef(null);\n\n handleBlur(calendarRef, (event) => {\n if (filterTag && !filterTag.contains(event.target)) {\n handleOpen();\n }\n });\n\n const getDateString = React.useCallback((date) => {\n const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();\n const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1;\n const year = date.getFullYear();\n\n return `${day}.${month}.${year}`;\n }, []);\n\n const selectedRange = React.useMemo(() => {\n if (selectedFrom && selectedTo) {\n const selectedFromDate = new Date(selectedFrom);\n const selectedToDate = new Date(selectedTo);\n return `${getDateString(selectedFromDate)} - ${getDateString(selectedToDate)}`;\n }\n return '';\n }, [selectedFrom, selectedTo]);\n\n const checkedContent = (\n \n {!label && 'Диапазон значений:'}\n {selectedRange && selectedRange}\n \n );\n const content = Диапазон значений;\n\n const css = `\n div {\n border-radius: 8px;\n }\n `;\n\n return (\n <>\n \n \n \n \n \n \n
\n \n
\n \n\n \n {selectedRange ? checkedContent : content}\n \n \n setLabel(!label)}\n />\n \n );\n});\n//MOBILE\n// Одиночный выбор\nconst CustomField = ({\n label,\n selected,\n setSelectedItems,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => {\n const checkedContent = (\n \n {!label && 'Одиночный выбор:'}\n {selected && selected.content}\n \n );\n\n const contentLabel = Одиночный выбор;\n\n return (\n
\n setSelectedItems([])}\n checked={selected}\n {...restInnerProps}\n {...restProps}\n >\n {selected ? checkedContent : contentLabel}\n \n
\n );\n};\n\n// Множественный выбор\nconst CustomFieldMultiple = ({\n label,\n selected,\n setSelectedItems,\n selectedMultiple,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => {\n const content = selected && selected.content;\n\n const checkedContent = (\n \n {!label && 'Множественный выбор:'}\n \n {' '}\n {selectedMultiple.length !== 1 ? `Выбрано: ${selectedMultiple.length}` : content}\n \n \n );\n\n const contentLabel = Множественный выбор;\n\n return (\n
\n setSelectedItems([])}\n checked={selected}\n {...restInnerProps}\n {...restProps}\n >\n {selected ? checkedContent : contentLabel}\n \n
\n );\n};\n\nrender(() => {\n const options = [\n { key: '1', content: 'Auurum' },\n { key: '2', content: 'Bercelium' },\n { key: '3', content: 'Curium' },\n { key: '4', content: 'Neptunium' },\n { key: '5', content: 'Plutonuim' },\n ];\n\n const [label, setLabel] = React.useState(false);\n\n const [selected, setSelected] = React.useState([]);\n\n const handleChangeSelected = ({ selectedMultiple }) => {\n setSelected(selectedMultiple);\n };\n\n const [selectedMultiple, setSelectedMultiple] = React.useState([]);\n const handleChangeMultiple = ({ selectedMultiple }) => {\n setSelectedMultiple(selectedMultiple.map((option) => option.key));\n };\n\n // Диапазон значений\n const [open, setOpen] = React.useState(false);\n const [value, setValue] = React.useState();\n const { selectedFrom, selectedTo, updatePeriod } = usePeriod();\n\n const handleOpen = () => {\n setOpen(!open);\n };\n\n const handleClear = () => {\n setOpen(false);\n updatePeriod(null, null);\n };\n\n const handleUpdatePeriodr = (date) => {\n updatePeriod(date);\n\n if (selectedFrom) {\n setOpen(false);\n }\n };\n\n const getDateString = React.useCallback((date) => {\n const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();\n const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1;\n const year = date.getFullYear();\n\n return `${day}.${month}.${year}`;\n }, []);\n\n const selectedRange = React.useMemo(() => {\n if (selectedFrom && selectedTo) {\n const selectedFromDate = new Date(selectedFrom);\n const selectedToDate = new Date(selectedTo);\n return `${getDateString(selectedFromDate)} - ${getDateString(selectedToDate)}`;\n }\n return '';\n }, [selectedFrom, selectedTo]);\n\n const checkedContent = (\n \n {!label && 'Диапазон значений:'}\n {selectedRange && selectedRange}\n \n );\n const content = Диапазон значений;\n\n return (\n <>\n \n \n \n \n setOpen(false)}\n value={value}\n selectedFrom={selectedFrom}\n selectedTo={selectedTo}\n onChange={handleUpdatePeriodr}\n selectorView='month-only'\n />\n \n {selectedRange ? checkedContent : content}\n \n \n setLabel(!label)}\n />\n \n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"предзаполненное-значение-фильтра",children:"Предзаполненное значение фильтра"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Компонент может иметь предзаполненное значение, в таком случае в заполненном состоянии у него не может быть крестика очистки."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"const CustomField = ({\n label,\n selected,\n setSelectedItems,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => (\n
\n \n {selected.content}\n \n
\n);\nrender(() => {\n const options = React.useMemo(\n () => [\n { key: '1', content: 'По возрастанию' },\n { key: '2', content: 'По убыванию' },\n ],\n [],\n );\n\n const [selected, setSelected] = React.useState([options[0]]);\n\n const handleChangeSelected = ({ selectedMultiple }) => {\n setSelected(selectedMultiple);\n };\n\n return (\n \n );\n});\n//MOBILE\nconst CustomField = ({\n label,\n selected,\n setSelectedItems,\n innerProps: { ref, ...restInnerProps },\n ...restProps\n}) => (\n
\n \n {selected.content}\n \n
\n);\nrender(() => {\n const options = React.useMemo(\n () => [\n { key: '1', content: 'По возрастанию' },\n { key: '2', content: 'По убыванию' },\n ],\n [],\n );\n\n const [selected, setSelected] = React.useState([options[0]]);\n\n const handleChangeSelected = ({ selectedMultiple }) => {\n setSelected(selectedMultiple);\n };\n\n return (\n \n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"состояния",children:"Состояния"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Таб может находиться в активном и неактивном состоянии. Взаимодействие может быть ограничено с помощью свойства ",(0,jsx_runtime.jsx)(_components.code,{children:"disabled"}),"."]}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const checkedContent = (\n \n Label: Value\n \n );\n const content = Label;\n const [checkedFilterTag, setCheckedFilterTag] = React.useState([]);\n\n return (\n \n \n
\n \n {content}\n \n
\n
\n \n {content}\n \n
\n
\n
\n
\n \n {checkedContent}\n \n
\n
\n \n {checkedContent}\n \n
\n
\n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"стиль",children:"Стиль"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Компонент наследует опции компонента ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/tag--docs",children:"Tag"}),", отвечающие за внешний вид:"]}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsx)(_components.li,{children:"shape (форма) — овальные или прямоугольные."}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:"view (стиль) — залитые или бордерные."}),"\n"]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_desktop=__webpack_require__("./packages/filter-tag/src/Component.desktop.tsx"),Component_mobile=__webpack_require__("./packages/filter-tag/src/Component.mobile.tsx"),Component_responsive=__webpack_require__("./packages/filter-tag/src/Component.responsive.tsx"),index_module="@import '../../../../themes/src/default.css';\n@import '../../../../tag/src/vars.css';\n\n:root {\n --filter-tag-separator-background-color-hover: transparent;\n}\n\n.component {\n display: flex;\n width: max-content;\n max-width: 100%;\n box-sizing: border-box;\n\n &.disabled {\n background-color: var(--tag-outlined-background-color-disabled);\n }\n\n &.rounded {\n &.xxs {\n border-radius: var(--tag-rounded-xxs-border-radius);\n }\n\n &.xs {\n border-radius: var(--tag-rounded-xs-border-radius);\n }\n\n &.s {\n border-radius: var(--tag-rounded-s-border-radius);\n }\n }\n\n &.checked {\n &:not(.disabled).xxs {\n min-width: 84px;\n }\n\n &:not(.disabled).xs {\n min-width: 104px;\n }\n\n &:not(.disabled).s {\n min-width: 116px;\n }\n }\n}\n\n.content {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.focused {\n @mixin focus-outline;\n}\n\n.chevron {\n position: relative;\n transition: transform 0.2s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-light-graphic-primary);\n}\n\n.valueButton {\n display: flex;\n align-items: center;\n box-shadow: none;\n user-select: none;\n cursor: pointer;\n outline: none;\n white-space: nowrap;\n font-family: var(--font-family);\n color: var(--tag-text-color);\n background-color: var(--tag-outlined-background-color);\n border-width: var(--tag-border-width);\n border-color: var(--tag-border-color);\n border-style: solid;\n transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n margin: 0;\n\n &:disabled {\n cursor: var(--disabled-cursor);\n\n & > .chevron {\n color: var(--color-light-graphic-primary-alpha-30);\n }\n }\n\n &.rounded {\n &.xxs {\n border-radius: var(--tag-rounded-xxs-border-radius);\n }\n\n &.xs {\n border-radius: var(--tag-rounded-xs-border-radius);\n }\n\n &.s {\n border-radius: var(--tag-rounded-s-border-radius);\n }\n }\n\n &.xxs {\n min-width: 60px;\n min-height: var(--size-xxs-height);\n\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height\n Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */\n height: 32px;\n }\n }\n\n &.xs {\n min-width: 72px;\n min-height: var(--size-xs-height);\n\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height\n Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */\n height: 40px;\n }\n }\n\n &.s {\n min-width: 80px;\n min-height: var(--size-s-height);\n\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height\n Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */\n height: 48px;\n }\n }\n\n &.outlined {\n color: var(--tag-text-color);\n border-color: var(--tag-border-color);\n background-color: var(--tag-outlined-background-color);\n\n &:disabled {\n border-color: var(--tag-border-color-disabled);\n color: var(--tag-text-color-disabled);\n background-color: var(--tag-outlined-background-color-disabled);\n }\n @media (hover: hover) {\n &:not(:disabled):hover {\n border-color: var(--tag-border-color-hover);\n background-color: var(--tag-outlined-background-color-hover);\n }\n }\n &:not(:disabled):active {\n border-color: var(--tag-border-color-active);\n background-color: var(--tag-outlined-background-color-active);\n }\n }\n\n &.filled {\n color: var(--tag-text-color);\n border-color: var(--tag-filled-border-color);\n\n &:disabled {\n color: var(--tag-text-color-disabled);\n }\n }\n\n &.s {\n @mixin paragraph_primary_medium;\n padding-right: var(--gap-s);\n padding-left: var(--gap-xl);\n\n & .chevron {\n margin: 0 var(--gap-xs);\n }\n }\n\n &.xs {\n @mixin paragraph_primary_small;\n padding-right: var(--gap-xs);\n padding-left: var(--gap-l);\n\n & .chevron {\n margin: 0 var(--gap-xs) 0 var(--gap-2xs);\n }\n }\n\n &.xxs {\n @mixin paragraph_primary_small;\n padding-right: var(--gap-2xs);\n padding-left: var(--gap-m);\n\n & .chevron {\n margin: 0 var(--gap-xs) 0 var(--gap-2xs);\n }\n }\n\n &.open .chevron {\n transform: rotateZ(180deg);\n }\n\n &.checked {\n border-width: 0;\n color: var(--tag-text-color-checked);\n\n & > .chevron {\n color: var(--color-light-graphic-primary-inverted);\n }\n\n &.rounded {\n &.xxs {\n border-radius: var(--tag-rounded-xxs-border-radius) 0 0\n var(--tag-rounded-xxs-border-radius);\n }\n\n &.xs {\n border-radius: var(--tag-rounded-xs-border-radius) 0 0\n var(--tag-rounded-xs-border-radius);\n }\n\n &.s {\n border-radius: var(--tag-rounded-s-border-radius) 0 0\n var(--tag-rounded-s-border-radius);\n }\n\n &:disabled,\n &.close {\n border-radius: var(--tag-border-radius);\n }\n }\n\n &:not(:disabled) {\n padding-right: 0;\n border-right-width: 0;\n }\n\n @media (hover: hover) {\n &:not(:disabled):hover + .clear:before {\n background-color: var(--filter-tag-separator-background-color-hover);\n }\n }\n\n &:not(:disabled):active + .clear:before {\n background-color: transparent;\n }\n\n &:disabled {\n color: var(--tag-text-color-checked-disabled);\n }\n }\n}\n\n.clear {\n position: relative;\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--color-light-graphic-tertiary);\n\n &.rounded {\n &.xxs {\n border-radius: 0 var(--tag-rounded-xxs-border-radius)\n var(--tag-rounded-xxs-border-radius) 0;\n }\n\n &.xs {\n border-radius: 0 var(--tag-rounded-xs-border-radius) var(--tag-rounded-xs-border-radius)\n 0;\n }\n\n &.s {\n border-radius: 0 var(--tag-rounded-s-border-radius) var(--tag-rounded-s-border-radius) 0;\n }\n }\n\n &:before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n display: block;\n background-color: var(--color-light-border-underline-inverted);\n width: 1px;\n transition: background-color 0.2s ease;\n }\n\n @media (hover: hover) {\n &:hover:before {\n background-color: var(--filter-tag-separator-background-color-hover);\n }\n }\n\n &:active:before {\n background-color: transparent;\n }\n\n @media (hover: hover) {\n &:hover {\n color: var(--color-light-graphic-primary-inverted);\n }\n }\n\n &:active {\n color: var(--color-light-graphic-primary-inverted);\n }\n\n &.s {\n padding: 0 var(--gap-s) 0 var(--gap-xs);\n\n &:before {\n height: 24px;\n }\n }\n\n &.xs {\n padding: 0 var(--gap-xs);\n\n &:before {\n height: 24px;\n }\n }\n\n &.xxs {\n padding: 0 3px 0 var(--gap-2xs);\n\n &:before {\n height: 20px;\n }\n }\n}\n\n.iconWrapper {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code",p:"p"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { FilterTag } from '@alfalab/core-components/filter-tag';\nimport { FilterTagMobile } from '@alfalab/core-components/filter-tag/mobile';\nimport { FilterTagDesktop } from '@alfalab/core-components/filter-tag/desktop';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Из индекса импортируется responsive версия компонента."}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{components:{FilterTagDesktop:Component_desktop.s,FilterTagMobile:Component_mobile.Y,FilterTag:Component_responsive.d}}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:index_module})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)},CHANGELOGraw_namespaceObject="# Change Log\n\n## 3.0.0\n\n### Major Changes\n\n### [#700](https://github.com/core-ds/core-components/pull/700)\n\n- Для компонента FilterTag добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - mq@4.2.0\n\n## 2.1.8\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n## 2.1.7\n\n### Patch Changes\n\n### [#676](https://github.com/core-ds/core-components/pull/676)\n\n- Обновлена зависимость @alfalab/hooks\n\n## 2.1.6\n\n### Patch Changes\n\n### [#654](https://github.com/core-ds/core-components/pull/654)\n\n- Удалены лишние dependencies, добавлены отсутствующие\n\n## 2.1.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.10\n\n## 2.1.4\n\n### Patch Changes\n\n### [#623](https://github.com/core-ds/core-components/pull/623)\n\n- Tокены 'dark' заменены на аналогичные 'light'\n\n- Обновлены зависимости\n - tag@5.3.1\n\n## 2.1.3\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - icon-button@6.0.9\n - tag@5.3.0\n\n## 2.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - tag@5.2.0\n\n## 2.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.8\n\n## 2.1.0\n\n### Minor Changes\n\n### [#498](https://github.com/core-ds/core-components/pull/498)\n\n- Добавлены новые пропс shape и view отвечающие за форму и стиль тега\n\n### Patch Changes\n\n### [#534](https://github.com/core-ds/core-components/pull/534)\n\n- Удалены restProps\n\n### [#524](https://github.com/core-ds/core-components/pull/524)\n\n- Исправлен баг, из-за которого отсутствовал hover-эффект на старых браузерах\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n- Обновлены зависимости\n - tag@5.1.0\n - icon-button@6.0.7\n\n## 2.0.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.6\n\n## 2.0.14\n\n### Patch Changes\n\n### [#491](https://github.com/core-ds/core-components/pull/491)\n\n- Обновлены внутренние переменные (themes/default.css) для размеров кнопок (xxs добавлен, xs исправлен)\n\n- Обновлены зависимости\n - tag@5.0.4\n - icon-button@6.0.5\n\n## 2.0.13\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.4\n\n## 2.0.12\n\n### Patch Changes\n\n### [#433](https://github.com/core-ds/core-components/pull/433)\n\n- Добавлен новый опциональный prop `showClear` в компонент FilterTag. Теперь есть возможность скрывать наличие крестика в активном состоянии тэга\n\n- Обновлены зависимости\n - icon-button@6.0.3\n\n## 2.0.11\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - icon-button@6.0.2\n - tag@5.0.3\n\n## 2.0.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.1\n\n## 2.0.9\n\n### Patch Changes\n\n### [#322](https://github.com/core-ds/core-components/pull/322)\n\n- Исправлено некорректное отображение в Safari при взаимодействии с компонентом FilterTag\n\n## 2.0.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - icon-button@6.0.0\n - tag@5.0.2\n\n## 2.0.7\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n - @alfalab/core-components-icon-button@5.0.5\n\n## 2.0.6\n\n### Patch Changes\n\n- [#279](https://github.com/core-ds/core-components/pull/279): chore: обновились @alfalab-data и @alfalab/utils версии в зависимостях. Thanks [@EGNKupava](https://github.com/EGNKupava)\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [2.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.4...@alfalab/core-components-filter-tag@2.0.5) (2022-09-12)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [2.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.3...@alfalab/core-components-filter-tag@2.0.4) (2022-09-02)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [2.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.2...@alfalab/core-components-filter-tag@2.0.3) (2022-08-31)\n\n### Bug Fixes\n\n- **filter-tag:** поправлены цвета у иконки крестика ([#167](https://github.com/core-ds/core-components/issues/167)) ([28eb49e](https://github.com/core-ds/core-components/commit/28eb49e012b5b6f8a8e4f07e2214ecb65fae0564))\n\n## [2.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.1...@alfalab/core-components-filter-tag@2.0.2) (2022-08-26)\n\n### Bug Fixes\n\n- **filter-tag:** добавил font family ([#212](https://github.com/core-ds/core-components/issues/212)) ([34dd253](https://github.com/core-ds/core-components/commit/34dd253c5c7dcdc03443212c7dd1c2b3b8ca9e1b))\n\n## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@2.0.0...@alfalab/core-components-filter-tag@2.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n# [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.4.2...@alfalab/core-components-filter-tag@2.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [1.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.4.1...@alfalab/core-components-filter-tag@1.4.2) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n## [1.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.4.0...@alfalab/core-components-filter-tag@1.4.1) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n# [1.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.3.3...@alfalab/core-components-filter-tag@1.4.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [1.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.3.2...@alfalab/core-components-filter-tag@1.3.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.3.1...@alfalab/core-components-filter-tag@1.3.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [1.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.3.0...@alfalab/core-components-filter-tag@1.3.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n# [1.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.2.0...@alfalab/core-components-filter-tag@1.3.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n\n# [1.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.10...@alfalab/core-components-filter-tag@1.2.0) (2022-06-24)\n\n### Features\n\n- **amount-input:** added functionality to enter negative values ([#106](https://github.com/core-ds/core-components/issues/106)) ([d6b6ca7](https://github.com/core-ds/core-components/commit/d6b6ca71d87b5c4c62d2e87cdbe9d1ff035852c4))\n\n## [1.1.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.9...@alfalab/core-components-filter-tag@1.1.10) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.1.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.8...@alfalab/core-components-filter-tag@1.1.9) (2022-06-20)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.7...@alfalab/core-components-filter-tag@1.1.8) (2022-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.6...@alfalab/core-components-filter-tag@1.1.7) (2022-06-03)\n\n**Note:** Version bump only for package @alfalab/core-components-filter-tag\n\n## [1.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-filter-tag@1.1.0...@alfalab/core-components-filter-tag@1.1.1) (2022-03-30)\n\n### Bug Fixes\n\n- **filter-tag:** move onClick from btn to div ([#1049](https://github.com/core-ds/core-components/issues/1049)) ([616a90a](https://github.com/core-ds/core-components/commit/616a90af9b0b95de324d3475572d5ac85d3e7a2a))\n\n# 1.1.0 (2022-03-28)\n\n### Features\n\n- **filter-tag:** new component ([#1035](https://github.com/core-ds/core-components/issues/1035)) ([f97e9c5](https://github.com/core-ds/core-components/commit/f97e9c59062e56f3bafa855450a33b5f67497143))\n",package_namespaceObject={i8:"3.0.0"};function Component_docs_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{of:Component_stories}),"\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"FilterTag",version:package_namespaceObject.i8,package:"@alfalab/core-components/filter-tag",design:"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components?node-id=7300%3A40133",children:"Используется чтобы вывести параметры фильтрации и отобразить примененное значение."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),development:(0,jsx_runtime.jsx)(development,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject})})]})}var Component_docs=function Component_docs_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(Component_docs_createMdxContent,props)})):Component_docs_createMdxContent()}},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/filter-tag/src/docs/Component.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:function(){return __namedExportsOrder},filter_tag:function(){return filter_tag},filter_tag_desktop:function(){return filter_tag_desktop},filter_tag_mobile:function(){return filter_tag_mobile}});var _filter_tag$parameter,_filter_tag$parameter2,_filter_tag$parameter3,_filter_tag_mobile$pa,_filter_tag_mobile$pa2,_filter_tag_mobile$pa3,_filter_tag_desktop$p,_filter_tag_desktop$p2,_filter_tag_desktop$p3,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js")),_alfalab_core_components_filter_tag__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/filter-tag/modern/index.js"),_alfalab_core_components_filter_tag_mobile__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./dist/filter-tag/modern/mobile.js"),_alfalab_core_components_filter_tag_desktop__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./dist/filter-tag/modern/desktop.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),meta={title:"Components/FilterTag",component:_alfalab_core_components_filter_tag__WEBPACK_IMPORTED_MODULE_2__.FilterTag,id:"FilterTag"},SIZES=["xxs","xs","s"],filter_tag={name:"FilterTag",render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_alfalab_core_components_filter_tag__WEBPACK_IMPORTED_MODULE_2__.FilterTag,{size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",SIZES,"s"),variant:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("variant",["default","alt"],"default"),shape:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("shape",["rounded","rectangular"],"rounded"),view:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("view",["outlined","filled"],"outlined"),disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),checked:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("checked",!1),open:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("open",!1),showClear:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("showClear",!0),children:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("children","FilterTag")})})}},filter_tag_mobile={name:"FilterTagMobile",render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_alfalab_core_components_filter_tag_mobile__WEBPACK_IMPORTED_MODULE_3__.FilterTagMobile,{size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",SIZES,"s"),variant:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("variant",["default","alt"],"default"),shape:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("shape",["rounded","rectangular"],"rounded"),view:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("view",["outlined","filled"],"outlined"),disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),checked:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("checked",!1),open:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("open",!1),showClear:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("showClear",!0),children:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("children","FilterTag")})})}},filter_tag_desktop={name:"FilterTagDesktop",render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_alfalab_core_components_filter_tag_desktop__WEBPACK_IMPORTED_MODULE_4__.FilterTagDesktop,{size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",SIZES,"s"),variant:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("variant",["default","alt"],"default"),shape:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("shape",["rounded","rectangular"],"rounded"),view:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("view",["outlined","filled"],"outlined"),disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),checked:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("checked",!1),open:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("open",!1),showClear:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("showClear",!0),children:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("children","FilterTag")})})}};__webpack_exports__.default=meta,filter_tag.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},filter_tag.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},null===(_filter_tag$parameter=filter_tag.parameters)||void 0===_filter_tag$parameter?void 0:_filter_tag$parameter.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({originalSource:"{\n name: 'FilterTag',\n render: () =>
\n \n {text('children', 'FilterTag')}\n \n
\n}"},null===(_filter_tag$parameter2=filter_tag.parameters)||void 0===_filter_tag$parameter2||null===(_filter_tag$parameter3=_filter_tag$parameter2.docs)||void 0===_filter_tag$parameter3?void 0:_filter_tag$parameter3.source)})}),filter_tag_mobile.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},filter_tag_mobile.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},null===(_filter_tag_mobile$pa=filter_tag_mobile.parameters)||void 0===_filter_tag_mobile$pa?void 0:_filter_tag_mobile$pa.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({originalSource:"{\n name: 'FilterTagMobile',\n render: () =>
\n \n {text('children', 'FilterTag')}\n \n
\n}"},null===(_filter_tag_mobile$pa2=filter_tag_mobile.parameters)||void 0===_filter_tag_mobile$pa2||null===(_filter_tag_mobile$pa3=_filter_tag_mobile$pa2.docs)||void 0===_filter_tag_mobile$pa3?void 0:_filter_tag_mobile$pa3.source)})}),filter_tag_desktop.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},filter_tag_desktop.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},null===(_filter_tag_desktop$p=filter_tag_desktop.parameters)||void 0===_filter_tag_desktop$p?void 0:_filter_tag_desktop$p.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({originalSource:"{\n name: 'FilterTagDesktop',\n render: () =>
\n \n {text('children', 'FilterTag')}\n \n
\n}"},null===(_filter_tag_desktop$p2=filter_tag_desktop.parameters)||void 0===_filter_tag_desktop$p2||null===(_filter_tag_desktop$p3=_filter_tag_desktop$p2.docs)||void 0===_filter_tag_desktop$p3?void 0:_filter_tag_desktop$p3.source)})});var __namedExportsOrder=["filter_tag","filter_tag_mobile","filter_tag_desktop"]},"./packages/filter-tag/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{s:function(){return FilterTagDesktop}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("./node_modules/react/index.js"),base_filter_tag=__webpack_require__("./packages/filter-tag/src/components/base-filter-tag/index.ts"),desktop_module={component:"component_hafUw",rectangular:"rectangular_fKMik",xxs:"xxs_haxXH",xs:"xs__u9RT",s:"s_C9knK",checked:"checked_TDOr3",disabled:"disabled_rDSBM",valueButton:"valueButton_RHyrG",filled:"filled_E0fxA",close:"close_NsDJN",clear:"clear_rNb9t"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),FilterTagDesktop=(0,react.forwardRef)((function(restProps,ref){return(0,jsx_runtime.jsx)(base_filter_tag.b,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:ref,styles:desktop_module}))}));try{FilterTagDesktop.displayName="FilterTagDesktop",FilterTagDesktop.__docgenInfo={description:"",displayName:"FilterTagDesktop",props:{children:{defaultValue:null,description:"Контент",name:"children",required:!1,type:{name:"ReactNode"}},view:{defaultValue:null,description:"Стиль тега",name:"view",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Обработчик клика",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'}]}},disabled:{defaultValue:null,description:"Состояние блокировки",name:"disabled",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Состояние открытия",name:"open",required:!1,type:{name:"boolean"}},checked:{defaultValue:null,description:"Состояние выбора",name:"checked",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"@deprecated данный проп больше не используется, временно оставлен для обратной совместимости\nИспользуйте props shape и view\nВариант тега",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"alt"'}]}},shape:{defaultValue:null,description:"Форма тега",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"rectangular"'}]}},onClear:{defaultValue:null,description:"Обработчик очистки",name:"onClear",required:!1,type:{name:"(() => void)"}},showClear:{defaultValue:null,description:"Показывать крестик для очистки выбора",name:"showClear",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/filter-tag/src/Component.desktop.tsx#FilterTagDesktop"]={docgenInfo:FilterTagDesktop.__docgenInfo,name:"FilterTagDesktop",path:"packages/filter-tag/src/Component.desktop.tsx#FilterTagDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/filter-tag/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Y:function(){return FilterTagMobile}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("./node_modules/react/index.js"),base_filter_tag=__webpack_require__("./packages/filter-tag/src/components/base-filter-tag/index.ts"),mobile_module={component:"component_Hj4KB",rectangular:"rectangular_ix0V6",xxs:"xxs_BNqqF",xs:"xs_i_xgr",s:"s_hSF3d",checked:"checked_twVvB",disabled:"disabled_xx6WO",valueButton:"valueButton_KVBSg",filled:"filled_ZQkVB",close:"close_DGuHX",clear:"clear_iHlEC"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),FilterTagMobile=(0,react.forwardRef)((function(restProps,ref){return(0,jsx_runtime.jsx)(base_filter_tag.b,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:ref,styles:mobile_module}))}));try{FilterTagMobile.displayName="FilterTagMobile",FilterTagMobile.__docgenInfo={description:"",displayName:"FilterTagMobile",props:{children:{defaultValue:null,description:"Контент",name:"children",required:!1,type:{name:"ReactNode"}},view:{defaultValue:null,description:"Стиль тега",name:"view",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Обработчик клика",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'}]}},disabled:{defaultValue:null,description:"Состояние блокировки",name:"disabled",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Состояние открытия",name:"open",required:!1,type:{name:"boolean"}},checked:{defaultValue:null,description:"Состояние выбора",name:"checked",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"@deprecated данный проп больше не используется, временно оставлен для обратной совместимости\nИспользуйте props shape и view\nВариант тега",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"alt"'}]}},shape:{defaultValue:null,description:"Форма тега",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"rectangular"'}]}},onClear:{defaultValue:null,description:"Обработчик очистки",name:"onClear",required:!1,type:{name:"(() => void)"}},showClear:{defaultValue:null,description:"Показывать крестик для очистки выбора",name:"showClear",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/filter-tag/src/Component.mobile.tsx#FilterTagMobile"]={docgenInfo:FilterTagMobile.__docgenInfo,name:"FilterTagMobile",path:"packages/filter-tag/src/Component.mobile.tsx#FilterTagMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/filter-tag/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{d:function(){return FilterTag}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/mq/modern/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/filter-tag/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/filter-tag/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","breakpoint"],FilterTag=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var children=_ref.children,_ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_ref,_excluded),query="(min-width: ".concat(breakpoint,"px)"),_useMatchMedia=(0,_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__.useMatchMedia)(query),Component=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMatchMedia,1)[0]?_Component_desktop__WEBPACK_IMPORTED_MODULE_2__.s:_Component_mobile__WEBPACK_IMPORTED_MODULE_3__.Y;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Component,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({ref:ref},restProps),{},{children:children}))}));try{FilterTag.displayName="FilterTag",FilterTag.__docgenInfo={description:"",displayName:"FilterTag",props:{children:{defaultValue:null,description:"Контент",name:"children",required:!1,type:{name:"ReactNode"}},view:{defaultValue:null,description:"Стиль тега",name:"view",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Обработчик клика",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'}]}},disabled:{defaultValue:null,description:"Состояние блокировки",name:"disabled",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Состояние открытия",name:"open",required:!1,type:{name:"boolean"}},checked:{defaultValue:null,description:"Состояние выбора",name:"checked",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"@deprecated данный проп больше не используется, временно оставлен для обратной совместимости\nИспользуйте props shape и view\nВариант тега",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"alt"'}]}},shape:{defaultValue:null,description:"Форма тега",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"rectangular"'}]}},onClear:{defaultValue:null,description:"Обработчик очистки",name:"onClear",required:!1,type:{name:"(() => void)"}},showClear:{defaultValue:null,description:"Показывать крестик для очистки выбора",name:"showClear",required:!1,type:{name:"boolean"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/filter-tag/src/Component.responsive.tsx#FilterTag"]={docgenInfo:FilterTag.__docgenInfo,name:"FilterTag",path:"packages/filter-tag/src/Component.responsive.tsx#FilterTag"})}catch(__react_docgen_typescript_loader_error){}},"./packages/filter-tag/src/components/base-filter-tag/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{b:function(){return BaseFilterTag}});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),esm=__webpack_require__("./node_modules/@alfalab/hooks/dist/esm/index.js"),ChevronDownCompactSIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/ChevronDownCompactSIcon.js"),ChevronDownMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/ChevronDownMIcon.js"),CrossCircleMIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CrossCircleMIcon.js"),CrossCircleSIcon=__webpack_require__("./node_modules/@alfalab/icons-glyph/CrossCircleSIcon.js"),index_module={component:"component_DIoeq",disabled:"disabled_czMWG",rounded:"rounded_zBuYW",xxs:"xxs_dNX_6",xs:"xs_gry_n",s:"s_yNyG4",checked:"checked_f8Ar7",content:"content_DAcet",focused:"focused_TiKkL",chevron:"chevron_jjPn_",valueButton:"valueButton_qrxaV",outlined:"outlined_FHpeK",filled:"filled_t6TNq",open:"open_fl6jy",close:"close_WwwW0",clear:"clear_xzlTi",iconWrapper:"iconWrapper_rvc8l"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),BaseFilterTag=(0,react.forwardRef)((function(_ref,ref){var _cn,_cn2,children=_ref.children,checked=_ref.checked,disabled=_ref.disabled,open=_ref.open,onClick=_ref.onClick,_ref$size=_ref.size,size=void 0===_ref$size?"s":_ref$size,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,shape=_ref.shape,_ref$view=_ref.view,view=void 0===_ref$view?"outlined":_ref$view,_ref$onClear=_ref.onClear,onClear=void 0===_ref$onClear?function(){return null}:_ref$onClear,_ref$showClear=_ref.showClear,showClear=void 0===_ref$showClear||_ref$showClear,className=_ref.className,dataTestId=_ref.dataTestId,_ref$styles=_ref.styles,styles=void 0===_ref$styles?{}:_ref$styles,valueRef=(0,react.useRef)(null),_useFocus=(0,esm.KK)(valueRef,"keyboard"),focused=(0,slicedToArray.Z)(_useFocus,1)[0],handleClear=function handleClear(event){(event.stopPropagation(),function isKeyBoardEvent(event){return void 0!==event.key}(event))?["Enter"].includes(event.key)&&onClear():onClear()},shapeClassName=shape||("default"===variant?"rounded":"rectangular");return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(className,index_module.component,index_module[shapeClassName],index_module[size],styles.component,styles[shapeClassName],styles[size],(_cn={},(0,defineProperty.Z)(_cn,index_module.checked,checked),(0,defineProperty.Z)(_cn,styles.checked,checked),(0,defineProperty.Z)(_cn,index_module.disabled,disabled),(0,defineProperty.Z)(_cn,styles.disabled,disabled),(0,defineProperty.Z)(_cn,index_module.focused,focused),(0,defineProperty.Z)(_cn,index_module.open,open),_cn)),ref:ref,"data-test-id":dataTestId,onClick:disabled?void 0:onClick,children:[(0,jsx_runtime.jsxs)("button",{type:"button",ref:valueRef,disabled:disabled,className:classnames_default()(index_module.valueButton,styles.valueButton,index_module[size],styles[size],index_module[shapeClassName],styles[shapeClassName],index_module[view],(_cn2={},(0,defineProperty.Z)(_cn2,styles[view],Boolean(styles[view])),(0,defineProperty.Z)(_cn2,index_module.checked,checked),(0,defineProperty.Z)(_cn2,styles.checked,checked),(0,defineProperty.Z)(_cn2,index_module.open,open),(0,defineProperty.Z)(_cn2,index_module.close,!showClear),(0,defineProperty.Z)(_cn2,styles.close,!showClear),_cn2)),children:[(0,jsx_runtime.jsx)("span",{className:index_module.content,children:children}),(0,jsx_runtime.jsx)("span",{className:index_module.chevron,children:"xxs"===size?(0,jsx_runtime.jsx)(ChevronDownCompactSIcon.ChevronDownCompactSIcon,{}):(0,jsx_runtime.jsx)(ChevronDownMIcon.ChevronDownMIcon,{})})]}),checked&&!disabled&&showClear&&(0,jsx_runtime.jsx)("div",{role:"button",className:classnames_default()(index_module.clear,styles.clear,index_module[size],styles[size],styles[shapeClassName],index_module[shapeClassName]),onClick:handleClear,onKeyDown:handleClear,tabIndex:0,children:(0,jsx_runtime.jsx)("span",{className:index_module.iconWrapper,children:"xxs"===size?(0,jsx_runtime.jsx)(CrossCircleSIcon.CrossCircleSIcon,{}):(0,jsx_runtime.jsx)(CrossCircleMIcon.CrossCircleMIcon,{})})})]})}));try{BaseFilterTag.displayName="BaseFilterTag",BaseFilterTag.__docgenInfo={description:"",displayName:"BaseFilterTag",props:{checked:{defaultValue:null,description:"Состояние выбора",name:"checked",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Состояние открытия",name:"open",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"Состояние блокировки",name:"disabled",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"Обработчик клика",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},onClear:{defaultValue:{value:"() => null"},description:"Обработчик очистки",name:"onClear",required:!1,type:{name:"(() => void)"}},children:{defaultValue:null,description:"Контент",name:"children",required:!1,type:{name:"ReactNode"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:{value:"s"},description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"xxs"'},{value:'"xs"'},{value:'"s"'}]}},className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},showClear:{defaultValue:{value:"true"},description:"Показывать крестик для очистки выбора",name:"showClear",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"default"},description:"@deprecated данный проп больше не используется, временно оставлен для обратной совместимости\nИспользуйте props shape и view\nВариант тега",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"alt"'}]}},shape:{defaultValue:null,description:"Форма тега",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"rectangular"'}]}},view:{defaultValue:{value:"outlined"},description:"Стиль тега",name:"view",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},styles:{defaultValue:{value:"{}"},description:"Основные стили компонента.",name:"styles",required:!1,type:{name:"{ [key: string]: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/filter-tag/src/components/base-filter-tag/Component.tsx#BaseFilterTag"]={docgenInfo:BaseFilterTag.__docgenInfo,name:"BaseFilterTag",path:"packages/filter-tag/src/components/base-filter-tag/Component.tsx#BaseFilterTag"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/form-control-src-docs-Component-docs-mdx.4a9d0df4.iframe.bundle.js b/master/form-control-src-docs-Component-docs-mdx.4a9d0df4.iframe.bundle.js new file mode 100644 index 0000000000..571280687e --- /dev/null +++ b/master/form-control-src-docs-Component-docs-mdx.4a9d0df4.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[5348,9637],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/form-control/src/docs/Component.docs.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Component_docs}});__webpack_require__("./node_modules/react/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),Component_stories=__webpack_require__("./packages/form-control/src/docs/Component.stories.tsx");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"размеры",children:"Размеры"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"XL (72px), L (64px), M (56px), S (48px)."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"лейбл",children:"Лейбл"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Лейбл может быть размещен внутри либо снаружи инпута или отсутствовать."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n return (\n
\n \n \n \n \n \n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"аддоны",children:"Аддоны"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["С помощью ",(0,jsx_runtime.jsx)(_components.code,{children:"leftAddons"})," и ",(0,jsx_runtime.jsx)(_components.code,{children:"rightAddons"})," можно кастомизировать инпут. Каждый аддон может содержать до двух элементов.\nТип, приоритет расположения контента в слотах и механики взаимодействия описаны в спецификациях к конкретным типам инпутов."]}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n return (\n
\n } />\n \n } />\n \n \n \n \n \n
\n }\n rightAddons={\n
\n \n \n \n
\n }\n />\n \n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"суффиксы",children:"Суффиксы"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Инпут может содержать предзаполненное значение, располагающееся спереди вводимого пользователем значения."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const SuffixInput = withSuffix(Input);\n\n return (\n
\n Suffix}\n />\n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"хинт",children:"Хинт"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Это тоже слот. При необходимости в него может быть передан любой контент, например шкала для слайдера."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n return (\n
\n \n
\n );\n});\n"})})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_desktop=__webpack_require__("./packages/form-control/src/Component.desktop.tsx"),Component_mobile=__webpack_require__("./packages/form-control/src/Component.mobile.tsx"),Component_responsive=__webpack_require__("./packages/form-control/src/Component.responsive.tsx"),vars="@import '../../themes/src/default.css';\n\n:root {\n --form-control-border-bottom: 0;\n --form-control-bg-color: var(--color-light-specialbg-tertiary-transparent);\n --form-control-color: var(--color-light-text-primary);\n --form-control-label-color: var(--color-light-text-secondary);\n --form-control-hint-color: var(--color-light-text-secondary);\n --form-control-inverted-border-bottom: 0;\n --form-control-inverted-bg-color: var(--color-light-specialbg-tertiary-transparent-inverted);\n --form-control-inverted-color: var(--color-light-text-primary-inverted);\n --form-control-inverted-label-color: var(--color-light-text-secondary-inverted);\n --form-control-inverted-hint-color: var(--color-light-text-secondary-inverted);\n\n /* disabled */\n --form-control-disabled-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-disabled-border-bottom: 0;\n --form-control-disabled-color: var(--color-light-text-secondary);\n --form-control-disabled-filled-label-color: var(--form-control-disabled-color);\n --form-control-disabled-shadow: none;\n --form-control-inverted-disabled-bg-color: var(\n --color-light-specialbg-secondary-transparent-inverted\n );\n --form-control-inverted-disabled-border-bottom: 0;\n --form-control-inverted-disabled-color: var(--color-light-text-secondary-inverted);\n --form-control-inverted-disabled-filled-label-color: var(\n --form-control-inverted-disabled-color\n );\n --form-control-inverted-disabled-shadow: none;\n\n /* focus */\n --form-control-focus-shadow: inset 0 0 0 2px var(--color-light-graphic-secondary);\n --form-control-focus-error-shadow: inset 0 0 0 2px var(--color-light-graphic-negative);\n --form-control-focus-border-bottom: 0;\n --form-control-focus-bg-color: var(--color-light-bg-primary);\n --form-control-inverted-focus-shadow: inset 0 0 0 2px\n var(--color-light-graphic-secondary-inverted);\n --form-control-inverted-focus-error-shadow: inset 0 0 0 2px var(--color-light-graphic-negative);\n --form-control-inverted-focus-border-bottom: 0;\n --form-control-inverted-focus-bg-color: var(--color-light-bg-primary-inverted);\n\n /* hover */\n --form-control-hover-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-hover-bg-color: var(\n --color-light-specialbg-secondary-transparent-inverted\n );\n\n /* error */\n --form-control-error-color: var(--color-light-text-negative);\n --form-control-error-label-color: var(--color-light-text-secondary);\n --form-control-error-shadow: inset 0 0 0 2px var(--color-light-graphic-negative);\n --form-control-error-disabled-shadow: var(--form-control-error-shadow);\n --form-control-error-border-bottom: 0;\n --form-control-inverted-error-color: var(--color-static-text-accent);\n --form-control-inverted-error-label-color: var(--color-light-text-secondary-inverted);\n --form-control-inverted-error-shadow: inset 0 0 0 2px var(--color-light-graphic-negative);\n --form-control-inverted-error-disabled-shadow: var(--form-control-inverted-error-shadow);\n --form-control-inverted-error-border-bottom: 0;\n --form-control-error-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-error-bg-color: var(\n --color-light-specialbg-secondary-transparent-inverted\n );\n\n /* height */\n --form-control-s-min-height: var(--size-s-height);\n --form-control-m-min-height: var(--size-m-height);\n --form-control-l-min-height: var(--size-l-height);\n --form-control-xl-min-height: var(--size-xl-height);\n --form-control-border-radius: 4px 4px 0 0;\n --form-control-bg-backdrop-filter: unset;\n\n /* paddings */\n --form-control-paddings: 0 var(--gap-s);\n --form-control-xl-paddings: 0 var(--gap-m);\n --form-control-labeled-s-paddings: 24px var(--gap-s) 4px;\n --form-control-labeled-m-paddings: 28px var(--gap-s) 8px;\n --form-control-labeled-l-paddings: 32px var(--gap-s) 12px;\n --form-control-labeled-xl-paddings: 38px var(--gap-m) 14px;\n --form-control-sub-paddings: 0;\n\n /* disabled */\n --form-control-disabled-opacity: 1;\n\n /* font */\n --form-control-font-family: var(--font-family);\n\n /* border-radius */\n --form-control-s-border-radius: var(--border-radius-m);\n --form-control-m-border-radius: var(--border-radius-m);\n --form-control-l-border-radius: var(--border-radius-m);\n --form-control-xl-border-radius: var(--border-radius-l);\n\n /* paddings mobile */\n --form-control-mobile-sub-paddings: 0 var(--gap-2xs);\n\n /* border-radius mobile */\n --form-control-mobile-s-border-radius: 10px;\n --form-control-mobile-m-border-radius: 10px;\n --form-control-mobile-l-border-radius: 10px;\n --form-control-mobile-xl-border-radius: 10px;\n\n /* color mobile */\n --form-control-mobile-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-mobile-bg-color: var(--color-light-specialbg-secondary-transparent-inverted);\n\n /* disabled mobile */\n --form-control-mobile-disabled-bg-color: var(--color-light-bg-primary);\n --form-control-mobile-inverted-disabled-bg-color: var(--color-light-bg-primary-inverted);\n --form-control-mobile-disabled-shadow: inset 0 0 0 1px var(--color-light-border-secondary);\n --form-control-mobile-inverted-disabled-shadow: inset 0 0 0 1px\n var(--color-light-border-secondary-inverted);\n\n /* hover mobile */\n --form-control-mobile-hover-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-mobile-hover-bg-color: var(--color-light-specialbg-secondary-transparent-inverted);\n\n /* focus mobile */\n --form-control-focus-mobile-shadow: none;\n --form-control-focus-mobile-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-focus-error-mobile-shadow: none;\n --form-control-inverted-focus-error-mobile-shadow: none;\n --form-control-inverted-focus-mobile-bg-color: var(--color-light-specialbg-secondary-transparent-inverted);\n --form-control-inverted-focus-mobile-shadow: none;\n\n /* error mobile */\n --form-control-error-mobile-shadow: none;\n --form-control-inverted-error-mobile-shadow: none;\n --form-control-error-mobile-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-error-mobile-bg-color: var(--color-light-specialbg-secondary-transparent-inverted);\n --form-control-error-mobile-disabled-shadow: var(--form-control-mobile-disabled-shadow);\n --form-control-inverted-error-mobile-disabled-shadow: var(\n --form-control-mobile-inverted-disabled-shadow\n );\n\n /* border-bottom mobile */\n --form-control-mobile-border-bottom: 0;\n --form-control-inverted-mobile-border-bottom: 0;\n --form-control-mobile-disabled-border-bottom: 0;\n --form-control-inverted-mobile-disabled-border-bottom: 0;\n --form-control-error-mobile-border-bottom: 0;\n --form-control-inverted-error-mobile-border-bottom: 0;\n}\n\n@define-mixin form-control-sub {\n display: block;\n\n /* adjusting overall height 👌 */\n margin-top: 6px;\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code",p:"p"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { FormControl } from '@alfalab/core-components/form-control';\nimport { FormControlMobile } from '@alfalab/core-components/form-control/mobile';\nimport { FormControlDesktop } from '@alfalab/core-components/form-control/desktop';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Из индекса импортируется responsive версия компонента."}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{components:{FormControlDesktop:Component_desktop.M,FormControlMobile:Component_mobile.O,FormControl:Component_responsive.N}}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:vars})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)},CHANGELOGraw_namespaceObject="# Change Log\n\n## 10.0.1\n\n### Patch Changes\n\n### [#838](https://github.com/core-ds/core-components/pull/838)\n\n- Задана максимальная ширина в 100%, чтобы они не выходили за границы родителя\n\n## 10.0.0\n\n### Major Changes\n\n### [#716](https://github.com/core-ds/core-components/pull/716)\n\n- Для компонента FormControl добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - mq@4.2.0\n\n## 9.0.6\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n## 9.0.5\n\n### Patch Changes\n\n### [#613](https://github.com/core-ds/core-components/pull/613)\n\n- Обновлен дизайн в компоненте Textarea\n\n## 9.0.4\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n## 9.0.3\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n## 9.0.2\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n## 9.0.1\n\n### Patch Changes\n\n### [#317](https://github.com/core-ds/core-components/pull/317)\n\n- Исправлены ошибки в браузере IE 11 в компонентах Сheckbox и FormControl\n\n## 9.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n## 8.3.1\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n# [8.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.2.0...@alfalab/core-components-form-control@8.3.0) (2022-09-13)\n\n### Features\n\n- **form-control, themes:** change colors in intranet theme ([#236](https://github.com/core-ds/core-components/issues/236)) ([eae8b7d](https://github.com/core-ds/core-components/commit/eae8b7deed8e394ebc0cc00cd584d9f05575b3b0))\n\n# [8.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.1.1...@alfalab/core-components-form-control@8.2.0) (2022-09-12)\n\n### Features\n\n- **form-control:** new input/select label view (outer) ([#177](https://github.com/core-ds/core-components/issues/177)) ([66beb15](https://github.com/core-ds/core-components/commit/66beb15756de97e17a4d1dd4221fa7f401ee8539))\n\n## [8.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.1.0...@alfalab/core-components-form-control@8.1.1) (2022-08-31)\n\n### Bug Fixes\n\n- fixed missing css vars ([#227](https://github.com/core-ds/core-components/issues/227)) ([42912d3](https://github.com/core-ds/core-components/commit/42912d306657490e8c7f577cb53120767d503fcb))\n\n# [8.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.0.1...@alfalab/core-components-form-control@8.1.0) (2022-08-29)\n\n### Features\n\n- **textarea:** custom scrollbar ([#196](https://github.com/core-ds/core-components/issues/196)) ([c0d956c](https://github.com/core-ds/core-components/commit/c0d956cc7bf0a5440a66602ca77de2942a268be2))\n\n## [8.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.0.0...@alfalab/core-components-form-control@8.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [8.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.6.1...@alfalab/core-components-form-control@8.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [7.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.6.0...@alfalab/core-components-form-control@7.6.1) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n# [7.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.3...@alfalab/core-components-form-control@7.6.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [7.5.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.2...@alfalab/core-components-form-control@7.5.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n## [7.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.1...@alfalab/core-components-form-control@7.5.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [7.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.0...@alfalab/core-components-form-control@7.5.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [7.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.4.3...@alfalab/core-components-form-control@7.5.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n- fixed form-control/input/select label and hint margins ([#97](https://github.com/core-ds/core-components/issues/97)) ([abd2f15](https://github.com/core-ds/core-components/commit/abd2f15f210bb63bafe0cee341f0a66b5f2071d7))\n\n# [7.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.3.0...@alfalab/core-components-form-control@7.4.0) (2021-10-11)\n\n### Features\n\n- проставлен role=alert для ошибок ([#850](https://github.com/core-ds/core-components/issues/850)) ([dc634a3](https://github.com/core-ds/core-components/commit/dc634a3d008accfab10192ce234c12ef0ecc7fa9))\n\n# [7.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.2.2...@alfalab/core-components-form-control@7.3.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [7.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.2.1...@alfalab/core-components-form-control@7.2.2) (2021-08-23)\n\n### Bug Fixes\n\n- **form-control:** l size offset between value and label (PDS-270) ([#781](https://github.com/core-ds/core-components/issues/781)) ([311f8a0](https://github.com/core-ds/core-components/commit/311f8a0eaa97cf7d0c89d4a3cdfc443aef2d763c))\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [7.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.2.0...@alfalab/core-components-form-control@7.2.1) (2021-08-11)\n\n### Bug Fixes\n\n- extend hint type to ReactNode ([#792](https://github.com/core-ds/core-components/issues/792)) ([d02784e](https://github.com/core-ds/core-components/commit/d02784e392f5ca3a30ae009109fbb6351967f746))\n\n# [7.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.1.0...@alfalab/core-components-form-control@7.2.0) (2021-08-04)\n\n### Features\n\n- add mods colors ([#770](https://github.com/core-ds/core-components/issues/770)) ([fe985f4](https://github.com/core-ds/core-components/commit/fe985f467b4d47a5152e168d2ab3846872d1a574))\n\n# [7.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.0.1...@alfalab/core-components-form-control@7.1.0) (2021-07-23)\n\n### Features\n\n- **input:** input mobile theme (PDS-241) ([#737](https://github.com/core-ds/core-components/issues/737)) ([88f6f7c](https://github.com/core-ds/core-components/commit/88f6f7c58968b9564970eaa3d759aa2bc275ca7e))\n\n## [7.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.0.0...@alfalab/core-components-form-control@7.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [7.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.2.0...@alfalab/core-components-form-control@7.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n# [6.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.1.1...@alfalab/core-components-form-control@6.2.0) (2021-06-22)\n\n### Features\n\n- **slider-input:** design updates ([#673](https://github.com/core-ds/core-components/issues/673)) ([794e3cc](https://github.com/core-ds/core-components/commit/794e3cc99a3b61ec4faa630469dae7e49a56ee0a))\n\n## [6.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.1.0...@alfalab/core-components-form-control@6.1.1) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.5...@alfalab/core-components-form-control@6.1.0) (2021-04-09)\n\n### Features\n\n- **form-control:** add hidden label instead min-width ([a40ffcf](https://github.com/core-ds/core-components/commit/a40ffcf149282c83a834587a9486bc09b2929f90))\n\n## [6.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.3...@alfalab/core-components-form-control@6.0.5) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [6.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.1...@alfalab/core-components-form-control@6.0.3) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n## [6.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.0...@alfalab/core-components-form-control@6.0.1) (2021-03-14)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.5...@alfalab/core-components-form-control@6.0.0) (2021-03-04)\n\n### Features\n\n- size vars (xs/s/m/l/xl → 32/48/56/64/72) ([d7254d2](https://github.com/core-ds/core-components/commit/d7254d2963106663e8f04b84bc747b38e4f57632))\n- **form-control:** changed size L (72 → 64), added size XL (72) ([4a129f3](https://github.com/core-ds/core-components/commit/4a129f3ca3c80e94489cbc485018e6eb6e542244))\n\n### BREAKING CHANGES\n\n- **form-control:** size L changed to size XL\n\n## [5.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.4...@alfalab/core-components-form-control@5.0.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n## [5.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.3...@alfalab/core-components-form-control@5.0.4) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n## [5.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.2...@alfalab/core-components-form-control@5.0.3) (2021-02-18)\n\n### Bug Fixes\n\n- update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))\n\n# [@alfalab/core-components-form-control-v3.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@3.1.2...@alfalab/core-components-form-control@3.1.3) (2020-11-25)\n\n### Bug Fixes\n\n- slightly better and safer ie fixes ([0e34b4f](https://github.com/core-ds/core-components/commit/0e34b4fb9800a435c05dc8f83146ce5617cf99a5))\n",package_namespaceObject={i8:"10.0.1"};function Component_docs_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{of:Component_stories}),"\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"FormControl",version:package_namespaceObject.i8,package:"@alfalab/core-components/form-control",children:"Базовый компонент для построения полей ввода — input, textarea, select и др."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),development:(0,jsx_runtime.jsx)(development,{})})]})}var Component_docs=function Component_docs_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(Component_docs_createMdxContent,props)})):Component_docs_createMdxContent()}},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/form-control/src/docs/Component.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:function(){return __namedExportsOrder},form_control:function(){return form_control},form_control_desktop:function(){return form_control_desktop},form_control_mobile:function(){return form_control_mobile}});var _form_control$paramet,_form_control$paramet2,_form_control$paramet3,_form_control_mobile$,_form_control_mobile$2,_form_control_mobile$3,_form_control_desktop,_form_control_desktop2,_form_control_desktop3,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js")),_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@alfalab/icons-glyph/StarMIcon.js"),_alfalab_core_components_form_control__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./dist/form-control/modern/index.js"),_alfalab_core_components_form_control_mobile__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./dist/form-control/modern/mobile.js"),_alfalab_core_components_form_control_desktop__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./dist/form-control/modern/desktop.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),meta={title:"Components/FormControl",component:_alfalab_core_components_form_control__WEBPACK_IMPORTED_MODULE_3__.FormControl,id:"FormControl"},form_control={name:"FormControl",render:function render(){var colors=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("colors",["default","inverted"],"default");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:{backgroundColor:"inverted"===colors?"var(--color-light-bg-primary-inverted)":"transparent",padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_core_components_form_control__WEBPACK_IMPORTED_MODULE_3__.FormControl,{block:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("block",!0),size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",["s","m","l","xl"],"s"),colors:colors,disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),filled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("filled",!1),focused:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("focused",!1),label:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("label",""),labelView:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("labelView",["inner","outer"],"inner"),hint:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("hint",""),error:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("error",""),rightAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("rightAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),leftAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("leftAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),bottomAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("bottomAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span",{children:"bottom text"})})})}},form_control_mobile={name:"FormControlMobile",render:function render(){var colors=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("colors",["default","inverted"],"default");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:{backgroundColor:"inverted"===colors?"var(--color-light-bg-primary-inverted)":"transparent",padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_core_components_form_control_mobile__WEBPACK_IMPORTED_MODULE_4__.FormControlMobile,{block:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("block",!0),size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",["s","m","l","xl"],"s"),colors:colors,disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),filled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("filled",!1),focused:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("focused",!1),label:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("label",""),labelView:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("labelView",["inner","outer"],"inner"),hint:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("hint",""),error:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("error",""),rightAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("rightAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),leftAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("leftAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),bottomAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("bottomAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span",{children:"bottom text"})})})}},form_control_desktop={name:"FormControlDesktop",render:function render(){var colors=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("colors",["default","inverted"],"default");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:{backgroundColor:"inverted"===colors?"var(--color-light-bg-primary-inverted)":"transparent",padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_core_components_form_control_desktop__WEBPACK_IMPORTED_MODULE_5__.FormControlDesktop,{block:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("block",!0),size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",["s","m","l","xl"],"s"),colors:colors,disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),filled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("filled",!1),focused:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("focused",!1),label:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("label",""),labelView:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("labelView",["inner","outer"],"inner"),hint:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("hint",""),error:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("error",""),rightAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("rightAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),leftAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("leftAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),bottomAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("bottomAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span",{children:"bottom text"})})})}};__webpack_exports__.default=meta,form_control.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},form_control.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},null===(_form_control$paramet=form_control.parameters)||void 0===_form_control$paramet?void 0:_form_control$paramet.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({originalSource:"{\n name: 'FormControl',\n render: () => {\n const colors = select('colors', ['default', 'inverted'], 'default');\n return
\n } leftAddons={boolean('leftAddons', false) && } bottomAddons={boolean('bottomAddons', false) && bottom text} />\n
;\n }\n}"},null===(_form_control$paramet2=form_control.parameters)||void 0===_form_control$paramet2||null===(_form_control$paramet3=_form_control$paramet2.docs)||void 0===_form_control$paramet3?void 0:_form_control$paramet3.source)})}),form_control_mobile.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},form_control_mobile.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},null===(_form_control_mobile$=form_control_mobile.parameters)||void 0===_form_control_mobile$?void 0:_form_control_mobile$.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({originalSource:"{\n name: 'FormControlMobile',\n render: () => {\n const colors = select('colors', ['default', 'inverted'], 'default');\n return
\n } leftAddons={boolean('leftAddons', false) && } bottomAddons={boolean('bottomAddons', false) && bottom text} />\n
;\n }\n}"},null===(_form_control_mobile$2=form_control_mobile.parameters)||void 0===_form_control_mobile$2||null===(_form_control_mobile$3=_form_control_mobile$2.docs)||void 0===_form_control_mobile$3?void 0:_form_control_mobile$3.source)})}),form_control_desktop.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},form_control_desktop.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},null===(_form_control_desktop=form_control_desktop.parameters)||void 0===_form_control_desktop?void 0:_form_control_desktop.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({originalSource:"{\n name: 'FormControlDesktop',\n render: () => {\n const colors = select('colors', ['default', 'inverted'], 'default');\n return
\n } leftAddons={boolean('leftAddons', false) && } bottomAddons={boolean('bottomAddons', false) && bottom text} />\n
;\n }\n}"},null===(_form_control_desktop2=form_control_desktop.parameters)||void 0===_form_control_desktop2||null===(_form_control_desktop3=_form_control_desktop2.docs)||void 0===_form_control_desktop3?void 0:_form_control_desktop3.source)})});var __namedExportsOrder=["form_control","form_control_mobile","form_control_desktop"]},"./packages/form-control/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{M:function(){return FormControlDesktop}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("./node_modules/react/index.js"),base_form_control=__webpack_require__("./packages/form-control/src/components/base-form-control/index.ts"),desktop_module={above:"above_PEN6D",sub:"sub_SFuVC",error:"error_kARxz",s:"s_b0iE8",inner:"inner_It6I5",m:"m_EhEMb",l:"l_Ndbk3",xl:"xl_zQjHA"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),colorStyles={default:{inner:"inner_h8Tsz",disabled:"disabled_YVLdD",hasError:"hasError_gXhVd",focused:"focused__I4ea"},inverted:{inner:"inner_la6R_",disabled:"disabled_hS9cY",hasError:"hasError_kfWTA",focused:"focused_cEif3"}},FormControlDesktop=(0,react.forwardRef)((function(restProps,ref){return(0,jsx_runtime.jsx)(base_form_control.w,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:ref,styles:desktop_module,colorStyles:colorStyles}))}));try{FormControlDesktop.displayName="FormControlDesktop",FormControlDesktop.__docgenInfo={description:"",displayName:"FormControlDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},disabled:{defaultValue:null,description:"Заблокированное состояние",name:"disabled",required:!1,type:{name:"boolean"}},filled:{defaultValue:null,description:"Заполненное состояние",name:"filled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},readOnly:{defaultValue:null,description:"Cостояние только для чтения",name:"readOnly",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},bottomAddons:{defaultValue:null,description:"Слот под полем",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focused:{defaultValue:null,description:"Выбранное (фокус) состояние",name:"focused",required:!1,type:{name:"boolean"}},inputWrapperClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"inputWrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/form-control/src/Component.desktop.tsx#FormControlDesktop"]={docgenInfo:FormControlDesktop.__docgenInfo,name:"FormControlDesktop",path:"packages/form-control/src/Component.desktop.tsx#FormControlDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/form-control/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{O:function(){return FormControlMobile}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("./node_modules/react/index.js"),base_form_control=__webpack_require__("./packages/form-control/src/components/base-form-control/index.ts"),mobile_module={above:"above_N61tu",sub:"sub_mLJ3g",error:"error_EwZag",s:"s_ZrKeh",inner:"inner_AcgFT",m:"m_gcQvb",l:"l_Bg2d0",xl:"xl_Pdcr9"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),colorStyles={default:{inner:"inner_eto97",disabled:"disabled_FBsNf",hasError:"hasError_eeBJD",focused:"focused_tZKqv"},inverted:{inner:"inner_Y4ZRH",disabled:"disabled_OL0KF",hasError:"hasError_VXAXZ",focused:"focused_NX8E8"}},FormControlMobile=(0,react.forwardRef)((function(restProps,ref){return(0,jsx_runtime.jsx)(base_form_control.w,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:ref,styles:mobile_module,colorStyles:colorStyles}))}));try{FormControlMobile.displayName="FormControlMobile",FormControlMobile.__docgenInfo={description:"",displayName:"FormControlMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},disabled:{defaultValue:null,description:"Заблокированное состояние",name:"disabled",required:!1,type:{name:"boolean"}},filled:{defaultValue:null,description:"Заполненное состояние",name:"filled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},readOnly:{defaultValue:null,description:"Cостояние только для чтения",name:"readOnly",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},bottomAddons:{defaultValue:null,description:"Слот под полем",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focused:{defaultValue:null,description:"Выбранное (фокус) состояние",name:"focused",required:!1,type:{name:"boolean"}},inputWrapperClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"inputWrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/form-control/src/Component.mobile.tsx#FormControlMobile"]={docgenInfo:FormControlMobile.__docgenInfo,name:"FormControlMobile",path:"packages/form-control/src/Component.mobile.tsx#FormControlMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/form-control/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{N:function(){return FormControl}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/mq/modern/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/form-control/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/form-control/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["breakpoint","defaultMatchMediaValue"],FormControl=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,defaultMatchMediaValue=_ref.defaultMatchMediaValue,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_ref,_excluded),query="(min-width: ".concat(breakpoint,"px)"),_useMatchMedia=(0,_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__.useMatchMedia)(query,defaultMatchMediaValue),Component=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMatchMedia,1)[0]?_Component_desktop__WEBPACK_IMPORTED_MODULE_2__.M:_Component_mobile__WEBPACK_IMPORTED_MODULE_3__.O;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Component,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({ref:ref},restProps))}));try{FormControl.displayName="FormControl",FormControl.__docgenInfo={description:"",displayName:"FormControl",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},disabled:{defaultValue:null,description:"Заблокированное состояние",name:"disabled",required:!1,type:{name:"boolean"}},filled:{defaultValue:null,description:"Заполненное состояние",name:"filled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},readOnly:{defaultValue:null,description:"Cостояние только для чтения",name:"readOnly",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},bottomAddons:{defaultValue:null,description:"Слот под полем",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focused:{defaultValue:null,description:"Выбранное (фокус) состояние",name:"focused",required:!1,type:{name:"boolean"}},inputWrapperClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"inputWrapperClassName",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/form-control/src/Component.responsive.tsx#FormControl"]={docgenInfo:FormControl.__docgenInfo,name:"FormControl",path:"packages/form-control/src/Component.responsive.tsx#FormControl"})}catch(__react_docgen_typescript_loader_error){}},"./packages/form-control/src/components/base-form-control/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{w:function(){return BaseFormControl}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module={component:"component_UmDJO",inner:"inner_yDVeG",inputWrapper:"inputWrapper_RACHA",input:"input_M2go7",label:"label_no1wl",labelInner:"labelInner_d5ogK",addons:"addons__lWB3",leftAddons:"leftAddons_Qf8E_",rightAddons:"rightAddons_d0QnE",sub:"sub_PwVm0",above:"above_Y_ViB",block:"block_iUxMz",s:"s_gW461",hasInnerLabel:"hasInnerLabel_Pje9S",m:"m_o1_Xh",l:"l_RdqVp",xl:"xl_nKK5S",hasLeftAddons:"hasLeftAddons_B1f_M",hasRightAddons:"hasRightAddons_ZZKOG",disabled:"disabled_UxDEw",focused:"focused_GIAsm",hasError:"hasError_ds_oQ",filled:"filled_M8Zce",hiddenLabel:"hiddenLabel_wY5Yq"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["block","size","colors","className","fieldClassName","inputWrapperClassName","labelClassName","addonsClassName","disabled","readOnly","focused","filled","error","hint","label","labelView","leftAddons","rightAddons","bottomAddons","children","dataTestId","styles","colorStyles"],colorCommonStyles={default:{component:"component_d11gA",label:"label_tvLnw",hint:"hint_jqcnC",disabled:"disabled_Nvj8G",filled:"filled_PWKMy",focused:"focused_vg1iI",hasError:"hasError_DOlJb",error:"error_B34yg"},inverted:{component:"component_KGql3",label:"label_hhrMj",hint:"hint_lHRqI",disabled:"disabled_LoRMX",filled:"filled_KDoaw",focused:"focused_VcWH6",hasError:"hasError_A9jUi",error:"error_xyuW2"}},BaseFormControl=react.forwardRef((function(_ref,ref){var _cn,_cn2,_ref$block=_ref.block,block=void 0!==_ref$block&&_ref$block,_ref$size=_ref.size,size=void 0===_ref$size?"s":_ref$size,_ref$colors=_ref.colors,colors=void 0===_ref$colors?"default":_ref$colors,className=_ref.className,fieldClassName=_ref.fieldClassName,inputWrapperClassName=_ref.inputWrapperClassName,labelClassName=_ref.labelClassName,addonsClassName=_ref.addonsClassName,disabled=_ref.disabled,readOnly=_ref.readOnly,focused=_ref.focused,filled=_ref.filled,error=_ref.error,hint=_ref.hint,label=_ref.label,_ref$labelView=_ref.labelView,labelView=void 0===_ref$labelView?"inner":_ref$labelView,leftAddons=_ref.leftAddons,rightAddons=_ref.rightAddons,bottomAddons=_ref.bottomAddons,children=_ref.children,dataTestId=_ref.dataTestId,styles=_ref.styles,_ref$colorStyles=_ref.colorStyles,colorStyles=void 0===_ref$colorStyles?{default:{},inverted:{}}:_ref$colorStyles,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),errorMessage="boolean"==typeof error?"":error;return(0,jsx_runtime.jsxs)("div",{"data-test-id":dataTestId,className:classnames_default()(index_module.component,colorCommonStyles[colors].component,className,index_module[size],styles[size],(_cn={},(0,defineProperty.Z)(_cn,index_module.block,block),(0,defineProperty.Z)(_cn,index_module.hasLeftAddons,leftAddons),(0,defineProperty.Z)(_cn,index_module.hasRightAddons,rightAddons||error),_cn)),children:[label&&"outer"===labelView&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module.above,styles.above,colorCommonStyles[colors].label),children:label}),(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{className:classnames_default()(fieldClassName,index_module.inner,styles.inner,colorCommonStyles[colors].inner,colorStyles[colors].inner,(_cn2={},(0,defineProperty.Z)(_cn2,index_module.disabled,disabled||readOnly),(0,defineProperty.Z)(_cn2,colorCommonStyles[colors].disabled,disabled||readOnly),(0,defineProperty.Z)(_cn2,colorStyles[colors].disabled,disabled||readOnly),(0,defineProperty.Z)(_cn2,index_module.filled,filled),(0,defineProperty.Z)(_cn2,colorCommonStyles[colors].filled,filled),(0,defineProperty.Z)(_cn2,index_module.hasInnerLabel,label&&"inner"===labelView),(0,defineProperty.Z)(_cn2,index_module.focused,focused),(0,defineProperty.Z)(_cn2,colorCommonStyles[colors].focused,focused),(0,defineProperty.Z)(_cn2,colorStyles[colors].focused,focused),(0,defineProperty.Z)(_cn2,index_module.hasError,error),(0,defineProperty.Z)(_cn2,colorCommonStyles[colors].hasError,error),(0,defineProperty.Z)(_cn2,colorStyles[colors].hasError,error),_cn2)),ref:ref,children:[leftAddons&&(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module.addons,index_module.leftAddons,addonsClassName),children:leftAddons}),(0,jsx_runtime.jsxs)("div",{className:classnames_default()(index_module.inputWrapper,inputWrapperClassName),children:[label&&"inner"===labelView&&(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("span",{className:index_module.hiddenLabel,"aria-hidden":!0,children:label}),(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module.label,colorCommonStyles[colors].label,labelClassName),children:(0,jsx_runtime.jsx)("span",{className:index_module.labelInner,children:label})})]}),(0,jsx_runtime.jsx)("div",{className:index_module.input,children:children})]}),rightAddons&&(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module.addons,index_module.rightAddons,addonsClassName),children:rightAddons})]})),bottomAddons,errorMessage&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module.sub,styles.error,colorCommonStyles[colors].error),role:"alert",children:errorMessage}),hint&&!errorMessage&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module.sub,styles.sub,colorCommonStyles[colors].hint),children:hint})]})}));try{BaseFormControl.displayName="BaseFormControl",BaseFormControl.__docgenInfo={description:"",displayName:"BaseFormControl",props:{block:{defaultValue:{value:"false"},description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"s"},description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},colors:{defaultValue:{value:"default"},description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},disabled:{defaultValue:null,description:"Заблокированное состояние",name:"disabled",required:!1,type:{name:"boolean"}},readOnly:{defaultValue:null,description:"Cостояние только для чтения",name:"readOnly",required:!1,type:{name:"boolean"}},filled:{defaultValue:null,description:"Заполненное состояние",name:"filled",required:!1,type:{name:"boolean"}},focused:{defaultValue:null,description:"Выбранное (фокус) состояние",name:"focused",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:{value:"inner"},description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},bottomAddons:{defaultValue:null,description:"Слот под полем",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputWrapperClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"inputWrapperClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},styles:{defaultValue:null,description:"Основные стили компонента.",name:"styles",required:!0,type:{name:"{ [key: string]: string; }"}},colorStyles:{defaultValue:{value:"{ default: {}, inverted: {} }"},description:"Стили компонента для default и inverted режима.",name:"colorStyles",required:!1,type:{name:"StyleColors"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/form-control/src/components/base-form-control/Component.tsx#BaseFormControl"]={docgenInfo:BaseFormControl.__docgenInfo,name:"BaseFormControl",path:"packages/form-control/src/components/base-form-control/Component.tsx#BaseFormControl"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/form-control-src-docs-Component-docs-mdx.fd352ec2.iframe.bundle.js b/master/form-control-src-docs-Component-docs-mdx.fd352ec2.iframe.bundle.js deleted file mode 100644 index 6955559e3c..0000000000 --- a/master/form-control-src-docs-Component-docs-mdx.fd352ec2.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[5348,9637],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/form-control/src/docs/Component.docs.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Component_docs}});__webpack_require__("./node_modules/react/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),Component_stories=__webpack_require__("./packages/form-control/src/docs/Component.stories.tsx");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"размеры",children:"Размеры"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"XL (72px), L (64px), M (56px), S (48px)."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"лейбл",children:"Лейбл"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Лейбл может быть размещен внутри либо снаружи инпута или отсутствовать."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n return (\n
\n \n \n \n \n \n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"аддоны",children:"Аддоны"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["С помощью ",(0,jsx_runtime.jsx)(_components.code,{children:"leftAddons"})," и ",(0,jsx_runtime.jsx)(_components.code,{children:"rightAddons"})," можно кастомизировать инпут. Каждый аддон может содержать до двух элементов.\nТип, приоритет расположения контента в слотах и механики взаимодействия описаны в спецификациях к конкретным типам инпутов."]}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n return (\n
\n } />\n \n } />\n \n \n \n \n \n
\n }\n rightAddons={\n
\n \n \n \n
\n }\n />\n \n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"суффиксы",children:"Суффиксы"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Инпут может содержать предзаполненное значение, располагающееся спереди вводимого пользователем значения."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const SuffixInput = withSuffix(Input);\n\n return (\n
\n Suffix}\n />\n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"хинт",children:"Хинт"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Это тоже слот. При необходимости в него может быть передан любой контент, например шкала для слайдера."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n return (\n
\n \n
\n );\n});\n"})})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},Component_desktop=__webpack_require__("./packages/form-control/src/Component.desktop.tsx"),Component_mobile=__webpack_require__("./packages/form-control/src/Component.mobile.tsx"),Component_responsive=__webpack_require__("./packages/form-control/src/Component.responsive.tsx"),vars="@import '../../themes/src/default.css';\n\n:root {\n --form-control-border-bottom: 0;\n --form-control-bg-color: var(--color-light-specialbg-tertiary-transparent);\n --form-control-color: var(--color-light-text-primary);\n --form-control-label-color: var(--color-light-text-secondary);\n --form-control-hint-color: var(--color-light-text-secondary);\n --form-control-inverted-border-bottom: 0;\n --form-control-inverted-bg-color: var(--color-light-specialbg-tertiary-transparent-inverted);\n --form-control-inverted-color: var(--color-light-text-primary-inverted);\n --form-control-inverted-label-color: var(--color-light-text-secondary-inverted);\n --form-control-inverted-hint-color: var(--color-light-text-secondary-inverted);\n\n /* disabled */\n --form-control-disabled-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-disabled-border-bottom: 0;\n --form-control-disabled-color: var(--color-light-text-secondary);\n --form-control-disabled-filled-label-color: var(--form-control-disabled-color);\n --form-control-disabled-shadow: none;\n --form-control-inverted-disabled-bg-color: var(\n --color-light-specialbg-secondary-transparent-inverted\n );\n --form-control-inverted-disabled-border-bottom: 0;\n --form-control-inverted-disabled-color: var(--color-light-text-secondary-inverted);\n --form-control-inverted-disabled-filled-label-color: var(\n --form-control-inverted-disabled-color\n );\n --form-control-inverted-disabled-shadow: none;\n\n /* focus */\n --form-control-focus-shadow: inset 0 0 0 2px var(--color-light-graphic-secondary);\n --form-control-focus-error-shadow: inset 0 0 0 2px var(--color-light-graphic-negative);\n --form-control-focus-border-bottom: 0;\n --form-control-focus-bg-color: var(--color-light-bg-primary);\n --form-control-inverted-focus-shadow: inset 0 0 0 2px\n var(--color-light-graphic-secondary-inverted);\n --form-control-inverted-focus-error-shadow: inset 0 0 0 2px var(--color-light-graphic-negative);\n --form-control-inverted-focus-border-bottom: 0;\n --form-control-inverted-focus-bg-color: var(--color-light-bg-primary-inverted);\n\n /* hover */\n --form-control-hover-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-hover-bg-color: var(\n --color-light-specialbg-secondary-transparent-inverted\n );\n\n /* error */\n --form-control-error-color: var(--color-light-text-negative);\n --form-control-error-label-color: var(--color-light-text-secondary);\n --form-control-error-shadow: inset 0 0 0 2px var(--color-light-graphic-negative);\n --form-control-error-disabled-shadow: var(--form-control-error-shadow);\n --form-control-error-border-bottom: 0;\n --form-control-inverted-error-color: var(--color-static-text-accent);\n --form-control-inverted-error-label-color: var(--color-light-text-secondary-inverted);\n --form-control-inverted-error-shadow: inset 0 0 0 2px var(--color-light-graphic-negative);\n --form-control-inverted-error-disabled-shadow: var(--form-control-inverted-error-shadow);\n --form-control-inverted-error-border-bottom: 0;\n --form-control-error-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-error-bg-color: var(\n --color-light-specialbg-secondary-transparent-inverted\n );\n\n /* height */\n --form-control-s-min-height: var(--size-s-height);\n --form-control-m-min-height: var(--size-m-height);\n --form-control-l-min-height: var(--size-l-height);\n --form-control-xl-min-height: var(--size-xl-height);\n --form-control-border-radius: 4px 4px 0 0;\n --form-control-bg-backdrop-filter: unset;\n\n /* paddings */\n --form-control-paddings: 0 var(--gap-s);\n --form-control-xl-paddings: 0 var(--gap-m);\n --form-control-labeled-s-paddings: 24px var(--gap-s) 4px;\n --form-control-labeled-m-paddings: 28px var(--gap-s) 8px;\n --form-control-labeled-l-paddings: 32px var(--gap-s) 12px;\n --form-control-labeled-xl-paddings: 38px var(--gap-m) 14px;\n --form-control-sub-paddings: 0;\n\n /* disabled */\n --form-control-disabled-opacity: 1;\n\n /* font */\n --form-control-font-family: var(--font-family);\n\n /* border-radius */\n --form-control-s-border-radius: var(--border-radius-m);\n --form-control-m-border-radius: var(--border-radius-m);\n --form-control-l-border-radius: var(--border-radius-m);\n --form-control-xl-border-radius: var(--border-radius-l);\n\n /* paddings mobile */\n --form-control-mobile-sub-paddings: 0 var(--gap-2xs);\n\n /* border-radius mobile */\n --form-control-mobile-s-border-radius: 10px;\n --form-control-mobile-m-border-radius: 10px;\n --form-control-mobile-l-border-radius: 10px;\n --form-control-mobile-xl-border-radius: 10px;\n\n /* color mobile */\n --form-control-mobile-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-mobile-bg-color: var(--color-light-specialbg-secondary-transparent-inverted);\n\n /* disabled mobile */\n --form-control-mobile-disabled-bg-color: var(--color-light-bg-primary);\n --form-control-mobile-inverted-disabled-bg-color: var(--color-light-bg-primary-inverted);\n --form-control-mobile-disabled-shadow: inset 0 0 0 1px var(--color-light-border-secondary);\n --form-control-mobile-inverted-disabled-shadow: inset 0 0 0 1px\n var(--color-light-border-secondary-inverted);\n\n /* hover mobile */\n --form-control-mobile-hover-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-mobile-hover-bg-color: var(--color-light-specialbg-secondary-transparent-inverted);\n\n /* focus mobile */\n --form-control-focus-mobile-shadow: none;\n --form-control-focus-mobile-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-focus-error-mobile-shadow: none;\n --form-control-inverted-focus-error-mobile-shadow: none;\n --form-control-inverted-focus-mobile-bg-color: var(--color-light-specialbg-secondary-transparent-inverted);\n --form-control-inverted-focus-mobile-shadow: none;\n\n /* error mobile */\n --form-control-error-mobile-shadow: none;\n --form-control-inverted-error-mobile-shadow: none;\n --form-control-error-mobile-bg-color: var(--color-light-specialbg-secondary-transparent);\n --form-control-inverted-error-mobile-bg-color: var(--color-light-specialbg-secondary-transparent-inverted);\n --form-control-error-mobile-disabled-shadow: var(--form-control-mobile-disabled-shadow);\n --form-control-inverted-error-mobile-disabled-shadow: var(\n --form-control-mobile-inverted-disabled-shadow\n );\n\n /* border-bottom mobile */\n --form-control-mobile-border-bottom: 0;\n --form-control-inverted-mobile-border-bottom: 0;\n --form-control-mobile-disabled-border-bottom: 0;\n --form-control-inverted-mobile-disabled-border-bottom: 0;\n --form-control-error-mobile-border-bottom: 0;\n --form-control-inverted-error-mobile-border-bottom: 0;\n}\n\n@define-mixin form-control-sub {\n display: block;\n\n /* adjusting overall height 👌 */\n margin-top: 6px;\n}\n";function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code",p:"p"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { FormControl } from '@alfalab/core-components/form-control';\nimport { FormControlMobile } from '@alfalab/core-components/form-control/mobile';\nimport { FormControlDesktop } from '@alfalab/core-components/form-control/desktop';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Из индекса импортируется responsive версия компонента."}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{components:{FormControlDesktop:Component_desktop.M,FormControlMobile:Component_mobile.O,FormControl:Component_responsive.N}}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"переменные",children:"Переменные"}),"\n",(0,jsx_runtime.jsx)(blocks.ZV,{css:vars})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)},CHANGELOGraw_namespaceObject="# Change Log\n\n## 10.0.0\n\n### Major Changes\n\n### [#716](https://github.com/core-ds/core-components/pull/716)\n\n- Для компонента FormControl добавлены мобильная и адаптивная версии компонента. Responsive компонент теперь экспортируется из индексного файла\n\n### Minor Changes\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - mq@4.2.0\n\n## 9.0.6\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n## 9.0.5\n\n### Patch Changes\n\n### [#613](https://github.com/core-ds/core-components/pull/613)\n\n- Обновлен дизайн в компоненте Textarea\n\n## 9.0.4\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n## 9.0.3\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n## 9.0.2\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n## 9.0.1\n\n### Patch Changes\n\n### [#317](https://github.com/core-ds/core-components/pull/317)\n\n- Исправлены ошибки в браузере IE 11 в компонентах Сheckbox и FormControl\n\n## 9.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n## 8.3.1\n\n### Patch Changes\n\n- [#282](https://github.com/core-ds/core-components/pull/282): Обновление vars из последней версии ui-primitives, удалены deprecated цвета и миксины типографики. Thanks [@Valeri8888](https://github.com/Valeri8888)\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n# [8.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.2.0...@alfalab/core-components-form-control@8.3.0) (2022-09-13)\n\n### Features\n\n- **form-control, themes:** change colors in intranet theme ([#236](https://github.com/core-ds/core-components/issues/236)) ([eae8b7d](https://github.com/core-ds/core-components/commit/eae8b7deed8e394ebc0cc00cd584d9f05575b3b0))\n\n# [8.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.1.1...@alfalab/core-components-form-control@8.2.0) (2022-09-12)\n\n### Features\n\n- **form-control:** new input/select label view (outer) ([#177](https://github.com/core-ds/core-components/issues/177)) ([66beb15](https://github.com/core-ds/core-components/commit/66beb15756de97e17a4d1dd4221fa7f401ee8539))\n\n## [8.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.1.0...@alfalab/core-components-form-control@8.1.1) (2022-08-31)\n\n### Bug Fixes\n\n- fixed missing css vars ([#227](https://github.com/core-ds/core-components/issues/227)) ([42912d3](https://github.com/core-ds/core-components/commit/42912d306657490e8c7f577cb53120767d503fcb))\n\n# [8.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.0.1...@alfalab/core-components-form-control@8.1.0) (2022-08-29)\n\n### Features\n\n- **textarea:** custom scrollbar ([#196](https://github.com/core-ds/core-components/issues/196)) ([c0d956c](https://github.com/core-ds/core-components/commit/c0d956cc7bf0a5440a66602ca77de2942a268be2))\n\n## [8.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@8.0.0...@alfalab/core-components-form-control@8.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [8.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.6.1...@alfalab/core-components-form-control@8.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [7.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.6.0...@alfalab/core-components-form-control@7.6.1) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n# [7.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.3...@alfalab/core-components-form-control@7.6.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [7.5.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.2...@alfalab/core-components-form-control@7.5.3) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n## [7.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.1...@alfalab/core-components-form-control@7.5.2) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [7.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.0...@alfalab/core-components-form-control@7.5.1) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [7.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.4.3...@alfalab/core-components-form-control@7.5.0) (2022-06-28)\n\n### Features\n\n- circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))\n- fixed form-control/input/select label and hint margins ([#97](https://github.com/core-ds/core-components/issues/97)) ([abd2f15](https://github.com/core-ds/core-components/commit/abd2f15f210bb63bafe0cee341f0a66b5f2071d7))\n\n# [7.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.3.0...@alfalab/core-components-form-control@7.4.0) (2021-10-11)\n\n### Features\n\n- проставлен role=alert для ошибок ([#850](https://github.com/core-ds/core-components/issues/850)) ([dc634a3](https://github.com/core-ds/core-components/commit/dc634a3d008accfab10192ce234c12ef0ecc7fa9))\n\n# [7.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.2.2...@alfalab/core-components-form-control@7.3.0) (2021-09-14)\n\n### Features\n\n- change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))\n\n## [7.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.2.1...@alfalab/core-components-form-control@7.2.2) (2021-08-23)\n\n### Bug Fixes\n\n- **form-control:** l size offset between value and label (PDS-270) ([#781](https://github.com/core-ds/core-components/issues/781)) ([311f8a0](https://github.com/core-ds/core-components/commit/311f8a0eaa97cf7d0c89d4a3cdfc443aef2d763c))\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [7.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.2.0...@alfalab/core-components-form-control@7.2.1) (2021-08-11)\n\n### Bug Fixes\n\n- extend hint type to ReactNode ([#792](https://github.com/core-ds/core-components/issues/792)) ([d02784e](https://github.com/core-ds/core-components/commit/d02784e392f5ca3a30ae009109fbb6351967f746))\n\n# [7.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.1.0...@alfalab/core-components-form-control@7.2.0) (2021-08-04)\n\n### Features\n\n- add mods colors ([#770](https://github.com/core-ds/core-components/issues/770)) ([fe985f4](https://github.com/core-ds/core-components/commit/fe985f467b4d47a5152e168d2ab3846872d1a574))\n\n# [7.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.0.1...@alfalab/core-components-form-control@7.1.0) (2021-07-23)\n\n### Features\n\n- **input:** input mobile theme (PDS-241) ([#737](https://github.com/core-ds/core-components/issues/737)) ([88f6f7c](https://github.com/core-ds/core-components/commit/88f6f7c58968b9564970eaa3d759aa2bc275ca7e))\n\n## [7.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.0.0...@alfalab/core-components-form-control@7.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [7.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.2.0...@alfalab/core-components-form-control@7.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n# [6.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.1.1...@alfalab/core-components-form-control@6.2.0) (2021-06-22)\n\n### Features\n\n- **slider-input:** design updates ([#673](https://github.com/core-ds/core-components/issues/673)) ([794e3cc](https://github.com/core-ds/core-components/commit/794e3cc99a3b61ec4faa630469dae7e49a56ee0a))\n\n## [6.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.1.0...@alfalab/core-components-form-control@6.1.1) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.5...@alfalab/core-components-form-control@6.1.0) (2021-04-09)\n\n### Features\n\n- **form-control:** add hidden label instead min-width ([a40ffcf](https://github.com/core-ds/core-components/commit/a40ffcf149282c83a834587a9486bc09b2929f90))\n\n## [6.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.3...@alfalab/core-components-form-control@6.0.5) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [6.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.1...@alfalab/core-components-form-control@6.0.3) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n## [6.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.0...@alfalab/core-components-form-control@6.0.1) (2021-03-14)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.5...@alfalab/core-components-form-control@6.0.0) (2021-03-04)\n\n### Features\n\n- size vars (xs/s/m/l/xl → 32/48/56/64/72) ([d7254d2](https://github.com/core-ds/core-components/commit/d7254d2963106663e8f04b84bc747b38e4f57632))\n- **form-control:** changed size L (72 → 64), added size XL (72) ([4a129f3](https://github.com/core-ds/core-components/commit/4a129f3ca3c80e94489cbc485018e6eb6e542244))\n\n### BREAKING CHANGES\n\n- **form-control:** size L changed to size XL\n\n## [5.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.4...@alfalab/core-components-form-control@5.0.5) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n## [5.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.3...@alfalab/core-components-form-control@5.0.4) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-form-control\n\n## [5.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.2...@alfalab/core-components-form-control@5.0.3) (2021-02-18)\n\n### Bug Fixes\n\n- update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))\n\n# [@alfalab/core-components-form-control-v3.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@3.1.2...@alfalab/core-components-form-control@3.1.3) (2020-11-25)\n\n### Bug Fixes\n\n- slightly better and safer ie fixes ([0e34b4f](https://github.com/core-ds/core-components/commit/0e34b4fb9800a435c05dc8f83146ce5617cf99a5))\n",package_namespaceObject={i8:"10.0.0"};function Component_docs_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{of:Component_stories}),"\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"FormControl",version:package_namespaceObject.i8,package:"@alfalab/core-components/form-control",children:"Базовый компонент для построения полей ввода — input, textarea, select и др."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),development:(0,jsx_runtime.jsx)(development,{})})]})}var Component_docs=function Component_docs_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(Component_docs_createMdxContent,props)})):Component_docs_createMdxContent()}},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/form-control/src/docs/Component.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:function(){return __namedExportsOrder},form_control:function(){return form_control},form_control_desktop:function(){return form_control_desktop},form_control_mobile:function(){return form_control_mobile}});var _form_control$paramet,_form_control$paramet2,_form_control$paramet3,_form_control_mobile$,_form_control_mobile$2,_form_control_mobile$3,_form_control_desktop,_form_control_desktop2,_form_control_desktop3,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js")),_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@alfalab/icons-glyph/StarMIcon.js"),_alfalab_core_components_form_control__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./dist/form-control/modern/index.js"),_alfalab_core_components_form_control_mobile__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./dist/form-control/modern/mobile.js"),_alfalab_core_components_form_control_desktop__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./dist/form-control/modern/desktop.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),meta={title:"Components/FormControl",component:_alfalab_core_components_form_control__WEBPACK_IMPORTED_MODULE_3__.FormControl,id:"FormControl"},form_control={name:"FormControl",render:function render(){var colors=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("colors",["default","inverted"],"default");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:{backgroundColor:"inverted"===colors?"var(--color-light-bg-primary-inverted)":"transparent",padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_core_components_form_control__WEBPACK_IMPORTED_MODULE_3__.FormControl,{block:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("block",!0),size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",["s","m","l","xl"],"s"),colors:colors,disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),filled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("filled",!1),focused:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("focused",!1),label:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("label",""),labelView:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("labelView",["inner","outer"],"inner"),hint:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("hint",""),error:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("error",""),rightAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("rightAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),leftAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("leftAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),bottomAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("bottomAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span",{children:"bottom text"})})})}},form_control_mobile={name:"FormControlMobile",render:function render(){var colors=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("colors",["default","inverted"],"default");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:{backgroundColor:"inverted"===colors?"var(--color-light-bg-primary-inverted)":"transparent",padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_core_components_form_control_mobile__WEBPACK_IMPORTED_MODULE_4__.FormControlMobile,{block:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("block",!0),size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",["s","m","l","xl"],"s"),colors:colors,disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),filled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("filled",!1),focused:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("focused",!1),label:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("label",""),labelView:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("labelView",["inner","outer"],"inner"),hint:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("hint",""),error:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("error",""),rightAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("rightAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),leftAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("leftAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),bottomAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("bottomAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span",{children:"bottom text"})})})}},form_control_desktop={name:"FormControlDesktop",render:function render(){var colors=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("colors",["default","inverted"],"default");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:{backgroundColor:"inverted"===colors?"var(--color-light-bg-primary-inverted)":"transparent",padding:"8px",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_core_components_form_control_desktop__WEBPACK_IMPORTED_MODULE_5__.FormControlDesktop,{block:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("block",!0),size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("size",["s","m","l","xl"],"s"),colors:colors,disabled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("disabled",!1),filled:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("filled",!1),focused:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("focused",!1),label:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("label",""),labelView:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("labelView",["inner","outer"],"inner"),hint:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("hint",""),error:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("error",""),rightAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("rightAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),leftAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("leftAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_alfalab_icons_glyph_StarMIcon__WEBPACK_IMPORTED_MODULE_2__.StarMIcon,{}),bottomAddons:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("bottomAddons",!1)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span",{children:"bottom text"})})})}};__webpack_exports__.default=meta,form_control.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},form_control.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},null===(_form_control$paramet=form_control.parameters)||void 0===_form_control$paramet?void 0:_form_control$paramet.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({originalSource:"{\n name: 'FormControl',\n render: () => {\n const colors = select('colors', ['default', 'inverted'], 'default');\n return
\n } leftAddons={boolean('leftAddons', false) && } bottomAddons={boolean('bottomAddons', false) && bottom text} />\n
;\n }\n}"},null===(_form_control$paramet2=form_control.parameters)||void 0===_form_control$paramet2||null===(_form_control$paramet3=_form_control$paramet2.docs)||void 0===_form_control$paramet3?void 0:_form_control$paramet3.source)})}),form_control_mobile.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},form_control_mobile.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},null===(_form_control_mobile$=form_control_mobile.parameters)||void 0===_form_control_mobile$?void 0:_form_control_mobile$.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({originalSource:"{\n name: 'FormControlMobile',\n render: () => {\n const colors = select('colors', ['default', 'inverted'], 'default');\n return
\n } leftAddons={boolean('leftAddons', false) && } bottomAddons={boolean('bottomAddons', false) && bottom text} />\n
;\n }\n}"},null===(_form_control_mobile$2=form_control_mobile.parameters)||void 0===_form_control_mobile$2||null===(_form_control_mobile$3=_form_control_mobile$2.docs)||void 0===_form_control_mobile$3?void 0:_form_control_mobile$3.source)})}),form_control_desktop.parameters=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},form_control_desktop.parameters),{},{docs:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},null===(_form_control_desktop=form_control_desktop.parameters)||void 0===_form_control_desktop?void 0:_form_control_desktop.docs),{},{source:(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({originalSource:"{\n name: 'FormControlDesktop',\n render: () => {\n const colors = select('colors', ['default', 'inverted'], 'default');\n return
\n } leftAddons={boolean('leftAddons', false) && } bottomAddons={boolean('bottomAddons', false) && bottom text} />\n
;\n }\n}"},null===(_form_control_desktop2=form_control_desktop.parameters)||void 0===_form_control_desktop2||null===(_form_control_desktop3=_form_control_desktop2.docs)||void 0===_form_control_desktop3?void 0:_form_control_desktop3.source)})});var __namedExportsOrder=["form_control","form_control_mobile","form_control_desktop"]},"./packages/form-control/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{M:function(){return FormControlDesktop}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("./node_modules/react/index.js"),base_form_control=__webpack_require__("./packages/form-control/src/components/base-form-control/index.ts"),desktop_module={above:"above_PEN6D",sub:"sub_SFuVC",error:"error_kARxz",s:"s_b0iE8",inner:"inner_It6I5",m:"m_EhEMb",l:"l_Ndbk3",xl:"xl_zQjHA"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),colorStyles={default:{inner:"inner_h8Tsz",disabled:"disabled_YVLdD",hasError:"hasError_gXhVd",focused:"focused__I4ea"},inverted:{inner:"inner_la6R_",disabled:"disabled_hS9cY",hasError:"hasError_kfWTA",focused:"focused_cEif3"}},FormControlDesktop=(0,react.forwardRef)((function(restProps,ref){return(0,jsx_runtime.jsx)(base_form_control.w,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:ref,styles:desktop_module,colorStyles:colorStyles}))}));try{FormControlDesktop.displayName="FormControlDesktop",FormControlDesktop.__docgenInfo={description:"",displayName:"FormControlDesktop",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},disabled:{defaultValue:null,description:"Заблокированное состояние",name:"disabled",required:!1,type:{name:"boolean"}},filled:{defaultValue:null,description:"Заполненное состояние",name:"filled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},readOnly:{defaultValue:null,description:"Cостояние только для чтения",name:"readOnly",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},bottomAddons:{defaultValue:null,description:"Слот под полем",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focused:{defaultValue:null,description:"Выбранное (фокус) состояние",name:"focused",required:!1,type:{name:"boolean"}},inputWrapperClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"inputWrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/form-control/src/Component.desktop.tsx#FormControlDesktop"]={docgenInfo:FormControlDesktop.__docgenInfo,name:"FormControlDesktop",path:"packages/form-control/src/Component.desktop.tsx#FormControlDesktop"})}catch(__react_docgen_typescript_loader_error){}},"./packages/form-control/src/Component.mobile.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{O:function(){return FormControlMobile}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("./node_modules/react/index.js"),base_form_control=__webpack_require__("./packages/form-control/src/components/base-form-control/index.ts"),mobile_module={above:"above_N61tu",sub:"sub_mLJ3g",error:"error_EwZag",s:"s_ZrKeh",inner:"inner_AcgFT",m:"m_gcQvb",l:"l_Bg2d0",xl:"xl_Pdcr9"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),colorStyles={default:{inner:"inner_eto97",disabled:"disabled_FBsNf",hasError:"hasError_eeBJD",focused:"focused_tZKqv"},inverted:{inner:"inner_Y4ZRH",disabled:"disabled_OL0KF",hasError:"hasError_VXAXZ",focused:"focused_NX8E8"}},FormControlMobile=(0,react.forwardRef)((function(restProps,ref){return(0,jsx_runtime.jsx)(base_form_control.w,(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{ref:ref,styles:mobile_module,colorStyles:colorStyles}))}));try{FormControlMobile.displayName="FormControlMobile",FormControlMobile.__docgenInfo={description:"",displayName:"FormControlMobile",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},disabled:{defaultValue:null,description:"Заблокированное состояние",name:"disabled",required:!1,type:{name:"boolean"}},filled:{defaultValue:null,description:"Заполненное состояние",name:"filled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},readOnly:{defaultValue:null,description:"Cостояние только для чтения",name:"readOnly",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},bottomAddons:{defaultValue:null,description:"Слот под полем",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focused:{defaultValue:null,description:"Выбранное (фокус) состояние",name:"focused",required:!1,type:{name:"boolean"}},inputWrapperClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"inputWrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/form-control/src/Component.mobile.tsx#FormControlMobile"]={docgenInfo:FormControlMobile.__docgenInfo,name:"FormControlMobile",path:"packages/form-control/src/Component.mobile.tsx#FormControlMobile"})}catch(__react_docgen_typescript_loader_error){}},"./packages/form-control/src/Component.responsive.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{N:function(){return FormControl}});var _home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/mq/modern/index.js"),_Component_desktop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/form-control/src/Component.desktop.tsx"),_Component_mobile__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/form-control/src/Component.mobile.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["breakpoint","defaultMatchMediaValue"],FormControl=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(_ref,ref){var _ref$breakpoint=_ref.breakpoint,breakpoint=void 0===_ref$breakpoint?1024:_ref$breakpoint,defaultMatchMediaValue=_ref.defaultMatchMediaValue,restProps=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_ref,_excluded),query="(min-width: ".concat(breakpoint,"px)"),_useMatchMedia=(0,_alfalab_core_components_mq__WEBPACK_IMPORTED_MODULE_1__.useMatchMedia)(query,defaultMatchMediaValue),Component=(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_useMatchMedia,1)[0]?_Component_desktop__WEBPACK_IMPORTED_MODULE_2__.M:_Component_mobile__WEBPACK_IMPORTED_MODULE_3__.O;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Component,(0,_home_runner_work_core_components_core_components_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({ref:ref},restProps))}));try{FormControl.displayName="FormControl",FormControl.__docgenInfo={description:"",displayName:"FormControl",props:{leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},disabled:{defaultValue:null,description:"Заблокированное состояние",name:"disabled",required:!1,type:{name:"boolean"}},filled:{defaultValue:null,description:"Заполненное состояние",name:"filled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},readOnly:{defaultValue:null,description:"Cостояние только для чтения",name:"readOnly",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},bottomAddons:{defaultValue:null,description:"Слот под полем",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},focused:{defaultValue:null,description:"Выбранное (фокус) состояние",name:"focused",required:!1,type:{name:"boolean"}},inputWrapperClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"inputWrapperClassName",required:!1,type:{name:"string"}},breakpoint:{defaultValue:{value:"1024"},description:"Контрольная точка, с нее начинается desktop версия",name:"breakpoint",required:!1,type:{name:"number"}},defaultMatchMediaValue:{defaultValue:null,description:"Значение по-умолчанию для хука useMatchMedia",name:"defaultMatchMediaValue",required:!1,type:{name:"boolean | (() => boolean)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/form-control/src/Component.responsive.tsx#FormControl"]={docgenInfo:FormControl.__docgenInfo,name:"FormControl",path:"packages/form-control/src/Component.responsive.tsx#FormControl"})}catch(__react_docgen_typescript_loader_error){}},"./packages/form-control/src/components/base-form-control/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{w:function(){return BaseFormControl}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module={component:"component_UmDJO",inner:"inner_yDVeG",inputWrapper:"inputWrapper_RACHA",input:"input_M2go7",label:"label_no1wl",labelInner:"labelInner_d5ogK",addons:"addons__lWB3",leftAddons:"leftAddons_Qf8E_",rightAddons:"rightAddons_d0QnE",sub:"sub_PwVm0",above:"above_Y_ViB",block:"block_iUxMz",s:"s_gW461",hasInnerLabel:"hasInnerLabel_Pje9S",m:"m_o1_Xh",l:"l_RdqVp",xl:"xl_nKK5S",hasLeftAddons:"hasLeftAddons_B1f_M",hasRightAddons:"hasRightAddons_ZZKOG",disabled:"disabled_UxDEw",focused:"focused_GIAsm",hasError:"hasError_ds_oQ",filled:"filled_M8Zce",hiddenLabel:"hiddenLabel_wY5Yq"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["block","size","colors","className","fieldClassName","inputWrapperClassName","labelClassName","addonsClassName","disabled","readOnly","focused","filled","error","hint","label","labelView","leftAddons","rightAddons","bottomAddons","children","dataTestId","styles","colorStyles"],colorCommonStyles={default:{component:"component_d11gA",label:"label_tvLnw",hint:"hint_jqcnC",disabled:"disabled_Nvj8G",filled:"filled_PWKMy",focused:"focused_vg1iI",hasError:"hasError_DOlJb",error:"error_B34yg"},inverted:{component:"component_KGql3",label:"label_hhrMj",hint:"hint_lHRqI",disabled:"disabled_LoRMX",filled:"filled_KDoaw",focused:"focused_VcWH6",hasError:"hasError_A9jUi",error:"error_xyuW2"}},BaseFormControl=react.forwardRef((function(_ref,ref){var _cn,_cn2,_ref$block=_ref.block,block=void 0!==_ref$block&&_ref$block,_ref$size=_ref.size,size=void 0===_ref$size?"s":_ref$size,_ref$colors=_ref.colors,colors=void 0===_ref$colors?"default":_ref$colors,className=_ref.className,fieldClassName=_ref.fieldClassName,inputWrapperClassName=_ref.inputWrapperClassName,labelClassName=_ref.labelClassName,addonsClassName=_ref.addonsClassName,disabled=_ref.disabled,readOnly=_ref.readOnly,focused=_ref.focused,filled=_ref.filled,error=_ref.error,hint=_ref.hint,label=_ref.label,_ref$labelView=_ref.labelView,labelView=void 0===_ref$labelView?"inner":_ref$labelView,leftAddons=_ref.leftAddons,rightAddons=_ref.rightAddons,bottomAddons=_ref.bottomAddons,children=_ref.children,dataTestId=_ref.dataTestId,styles=_ref.styles,_ref$colorStyles=_ref.colorStyles,colorStyles=void 0===_ref$colorStyles?{default:{},inverted:{}}:_ref$colorStyles,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded),errorMessage="boolean"==typeof error?"":error;return(0,jsx_runtime.jsxs)("div",{"data-test-id":dataTestId,className:classnames_default()(index_module.component,colorCommonStyles[colors].component,className,index_module[size],styles[size],(_cn={},(0,defineProperty.Z)(_cn,index_module.block,block),(0,defineProperty.Z)(_cn,index_module.hasLeftAddons,leftAddons),(0,defineProperty.Z)(_cn,index_module.hasRightAddons,rightAddons||error),_cn)),children:[label&&"outer"===labelView&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module.above,styles.above,colorCommonStyles[colors].label),children:label}),(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({},restProps),{},{className:classnames_default()(fieldClassName,index_module.inner,styles.inner,colorCommonStyles[colors].inner,colorStyles[colors].inner,(_cn2={},(0,defineProperty.Z)(_cn2,index_module.disabled,disabled||readOnly),(0,defineProperty.Z)(_cn2,colorCommonStyles[colors].disabled,disabled||readOnly),(0,defineProperty.Z)(_cn2,colorStyles[colors].disabled,disabled||readOnly),(0,defineProperty.Z)(_cn2,index_module.filled,filled),(0,defineProperty.Z)(_cn2,colorCommonStyles[colors].filled,filled),(0,defineProperty.Z)(_cn2,index_module.hasInnerLabel,label&&"inner"===labelView),(0,defineProperty.Z)(_cn2,index_module.focused,focused),(0,defineProperty.Z)(_cn2,colorCommonStyles[colors].focused,focused),(0,defineProperty.Z)(_cn2,colorStyles[colors].focused,focused),(0,defineProperty.Z)(_cn2,index_module.hasError,error),(0,defineProperty.Z)(_cn2,colorCommonStyles[colors].hasError,error),(0,defineProperty.Z)(_cn2,colorStyles[colors].hasError,error),_cn2)),ref:ref,children:[leftAddons&&(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module.addons,index_module.leftAddons,addonsClassName),children:leftAddons}),(0,jsx_runtime.jsxs)("div",{className:classnames_default()(index_module.inputWrapper,inputWrapperClassName),children:[label&&"inner"===labelView&&(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("span",{className:index_module.hiddenLabel,"aria-hidden":!0,children:label}),(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module.label,colorCommonStyles[colors].label,labelClassName),children:(0,jsx_runtime.jsx)("span",{className:index_module.labelInner,children:label})})]}),(0,jsx_runtime.jsx)("div",{className:index_module.input,children:children})]}),rightAddons&&(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module.addons,index_module.rightAddons,addonsClassName),children:rightAddons})]})),bottomAddons,errorMessage&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module.sub,styles.error,colorCommonStyles[colors].error),role:"alert",children:errorMessage}),hint&&!errorMessage&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module.sub,styles.sub,colorCommonStyles[colors].hint),children:hint})]})}));try{BaseFormControl.displayName="BaseFormControl",BaseFormControl.__docgenInfo={description:"",displayName:"BaseFormControl",props:{block:{defaultValue:{value:"false"},description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"s"},description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},colors:{defaultValue:{value:"default"},description:"Набор цветов для компонента",name:"colors",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"inverted"'}]}},disabled:{defaultValue:null,description:"Заблокированное состояние",name:"disabled",required:!1,type:{name:"boolean"}},readOnly:{defaultValue:null,description:"Cостояние только для чтения",name:"readOnly",required:!1,type:{name:"boolean"}},filled:{defaultValue:null,description:"Заполненное состояние",name:"filled",required:!1,type:{name:"boolean"}},focused:{defaultValue:null,description:"Выбранное (фокус) состояние",name:"focused",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"Текст подсказки",name:"hint",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Лейбл компонента",name:"label",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:{value:"inner"},description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},leftAddons:{defaultValue:null,description:"Слот слева",name:"leftAddons",required:!1,type:{name:"ReactNode"}},rightAddons:{defaultValue:null,description:"Слот справа",name:"rightAddons",required:!1,type:{name:"ReactNode"}},bottomAddons:{defaultValue:null,description:"Слот под полем",name:"bottomAddons",required:!1,type:{name:"ReactNode"}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},inputWrapperClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"inputWrapperClassName",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Дополнительный класс для лейбла",name:"labelClassName",required:!1,type:{name:"string"}},addonsClassName:{defaultValue:null,description:"Дополнительный класс для аддонов",name:"addonsClassName",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},styles:{defaultValue:null,description:"Основные стили компонента.",name:"styles",required:!0,type:{name:"{ [key: string]: string; }"}},colorStyles:{defaultValue:{value:"{ default: {}, inverted: {} }"},description:"Стили компонента для default и inverted режима.",name:"colorStyles",required:!1,type:{name:"StyleColors"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/form-control/src/components/base-form-control/Component.tsx#BaseFormControl"]={docgenInfo:BaseFormControl.__docgenInfo,name:"BaseFormControl",path:"packages/form-control/src/components/base-form-control/Component.tsx#BaseFormControl"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/master/iframe.html b/master/iframe.html index 2312729e50..36495bd760 100644 --- a/master/iframe.html +++ b/master/iframe.html @@ -348,6 +348,6 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":false}; \ No newline at end of file + import './main.298813e5.iframe.bundle.js'; \ No newline at end of file diff --git a/master/input-autocomplete-src-docs-Component-stories-mdx.1a25b1eb.iframe.bundle.js b/master/input-autocomplete-src-docs-Component-stories-mdx.1a25b1eb.iframe.bundle.js new file mode 100644 index 0000000000..6b7cf24d06 --- /dev/null +++ b/master/input-autocomplete-src-docs-Component-stories-mdx.1a25b1eb.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_alfalab_core_components=self.webpackChunk_alfalab_core_components||[]).push([[4003],{"./node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{r:function(){return DocsRenderer}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),defaultComponents={code:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.bD,a:_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Ct,..._storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.lO},ErrorBoundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException:showException}=this.props;showException(err)}render(){let{hasError:hasError}=this.state,{children:children}=this.props;return hasError?null:children}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=_storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.WI;return new Promise(((resolve,reject)=>{__webpack_require__.e(9433).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@mdx-js/react/index.js")).then((({MDXProvider:MDXProvider})=>(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.l)(react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXProvider,{components:components},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TDocs,{context:context,docsParameter:docsParameter}))),element))).then((()=>resolve()))}))},this.unmount=element=>{(0,_storybook_react_dom_shim__WEBPACK_IMPORTED_MODULE_2__.K)(element)}}}},"./node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$4:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.$4},UG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.UG},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},oG:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.oG}});__webpack_require__("./node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs")},"./packages/input-autocomplete/src/docs/Component.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Component_stories},inputAutocomplete:function(){return inputAutocomplete},inputAutocompleteMobile:function(){return inputAutocompleteMobile},inputAutocompleteModalMobile:function(){return inputAutocompleteModalMobile},matchOption:function(){return matchOption},options:function(){return options}});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),addon_knobs_dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),blocks=__webpack_require__("./.storybook/blocks/index.ts"),shared=__webpack_require__("./dist/select/modern/shared.js"),desktop=__webpack_require__("./dist/input-autocomplete/modern/desktop.js"),mobile=__webpack_require__("./dist/input-autocomplete/modern/mobile.js"),package_namespaceObject={i8:"10.1.4"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",pre:"pre",code:"code",a:"a"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"шеврон",children:"Шеврон"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Добавляйте шеврон, если пользователю будет удобней выбирать значение, просматривая список, не вводя первые символы.\nЕсли список длинный и вы предполагаете, что пользователь будет вводить значение с клавиатуры, шеврон можно скрыть."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const [shownChevron, setShownChevron] = React.useState(false);\n const [multiple, setMultiple] = React.useState(false);\n const [value, setValue] = React.useState('');\n\n const options = [\n { key: 'Neptunium' },\n { key: 'Plutonium' },\n { key: 'Americium' },\n { key: 'Curium' },\n { key: 'Berkelium' },\n { key: 'Californium' },\n { key: 'Einsteinium' },\n { key: 'Fermium' },\n { key: 'Mendelevium' },\n { key: 'Nobelium' },\n { key: 'Lawrencium' },\n { key: 'Rutherfordium' },\n { key: 'Dubnium' },\n { key: 'Seaborgium' },\n { key: 'Bohrium' },\n ];\n\n const matchOption = (option, inputValue) =>\n option.key.toLowerCase().includes((inputValue || '').toLowerCase());\n\n const handleInput = (event) => {\n setValue(event.target.value);\n };\n\n const handleChange = ({ selected, selectedMultiple }) => {\n if (multiple) {\n const value = selectedMultiple.length\n ? selectedMultiple.map((option) => option.key).join(', ') + ', '\n : '';\n setValue(value);\n\n return;\n }\n\n setValue(selected ? selected.key : '');\n };\n\n const inputValues = value.replace(/ /g, '').split(',');\n\n const selectedOptions = options.filter((option) => inputValues.includes(option.key.trim()));\n\n const selected = selectedOptions.map((option) => option.key);\n\n const getFilteredOptions = () => {\n if (multiple) {\n return inputValues.length === selected.length\n ? options\n : options.filter((option) => {\n return (\n selectedOptions.includes(option) ||\n matchOption(option, inputValues[inputValues.length - 1])\n );\n });\n }\n\n return options.filter((option) => matchOption(option, value));\n };\n\n return (\n
\n
\n \n \n Ничего не нашлось\n \n
\n ),\n }}\n />\n
\n \n\n setShownChevron((prevState) => !prevState)}\n />\n \n {\n setMultiple((prevState) => !prevState);\n setValue('');\n }}\n />\n \n );\n});\n//MOBILE\nrender(() => {\n const [shownChevron, setShownChevron] = React.useState(false);\n const [showInModal, setShowInModal] = React.useState(false);\n const [multiple, setMultiple] = React.useState(false);\n const [value, setValue] = React.useState('');\n const [filter, setFilter] = React.useState('');\n\n const options = [\n { key: 'Neptunium' },\n { key: 'Plutonium' },\n { key: 'Americium' },\n { key: 'Curium' },\n { key: 'Berkelium' },\n { key: 'Californium' },\n { key: 'Einsteinium' },\n { key: 'Fermium' },\n { key: 'Mendelevium' },\n { key: 'Nobelium' },\n { key: 'Lawrencium' },\n { key: 'Rutherfordium' },\n { key: 'Dubnium' },\n { key: 'Seaborgium' },\n { key: 'Bohrium' },\n ];\n\n const matchOption = (option, inputValue) =>\n option.key.toLowerCase().includes((inputValue || '').toLowerCase());\n\n const handleFilter = (event) => {\n setFilter(event.target.value);\n };\n\n const filterValues = filter\n .split(',')\n .map((v) => v.trim())\n .filter((v) => v);\n\n const selectedOptions = options.filter((option) => filterValues.includes(option.key.trim()));\n\n const selected = selectedOptions.map((option) => option.key);\n\n const handleChange = (payload) => {\n let newValue = '';\n\n if (payload && payload.selectedMultiple) {\n newValue = payload.selectedMultiple.length\n ? payload.selectedMultiple.map((option) => option.key).join(', ') +\n `${multiple ? `,` : ''}`\n : '';\n } else {\n newValue = payload || '';\n }\n\n setValue(newValue);\n setFilter(newValue);\n };\n\n const filteredOptions =\n filterValues.length === selected.length\n ? options\n : options.filter((option) => {\n return (\n selectedOptions.includes(option) ||\n matchOption(option, filterValues[filterValues.length - 1])\n );\n });\n\n const emptyPlaceholder = (\n
\n Ничего не нашлось\n
\n );\n\n const Component = showInModal ? InputAutocompleteModalMobile : InputAutocompleteMobile;\n\n return (\n
\n setFilter('')}\n onCancel={() => setFilter(value)}\n showEmptyOptionsList={true}\n optionsListProps={{ emptyPlaceholder }}\n />\n \n\n setShownChevron((prevState) => !prevState)}\n />\n \n {\n setMultiple((prevState) => !prevState);\n setValue('');\n }}\n />\n \n setShowInModal((prevState) => !prevState)}\n />\n
\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"кастомизация-инпута",children:"Кастомизация инпута"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"При необходимости можно кастомизировать инпут и выпадающий список."}),"\n",(0,jsx_runtime.jsx)(_components.pre,{live:!0,children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"render(() => {\n const matchOption = (option, inputValue) =>\n option.content.toLowerCase().includes((inputValue || '').toLowerCase());\n\n const mask = [\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n ' ',\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n ' ',\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n ' ',\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n ];\n\n const cards = [\n {\n key: 'Карта 1',\n content: '4035 5010 0000 0008',\n },\n {\n key: 'Карта 2',\n content: '4360 0000 0100 0005',\n },\n {\n key: 'Карта 3',\n content: '8171 9999 2766 0000',\n },\n {\n key: 'Карта 4',\n content: '5204 2477 5000 1471',\n },\n {\n key: 'Карта 5',\n content: '4111 1111 1111 1111',\n },\n ];\n\n const CardOption = (props) => (\n \n
\n {props.option.content}\n \n \n {props.option.key}\n \n
\n
\n );\n\n const [value, setValue] = React.useState('');\n const inputRef = React.useRef();\n\n const handleInput = (event) => {\n setValue(event.target.value);\n };\n\n const handleChange = ({ selected }) => {\n const value = selected ? selected.content : null;\n setValue(value);\n if (value && inputRef.current) {\n requestAnimationFrame(() =>\n inputRef.current.setSelectionRange(value.length, value.length),\n );\n }\n };\n\n const filteredOptions = cards.filter((option) => matchOption(option, value));\n\n return (\n
\n \n
\n );\n});\n//MOBILE\nrender(() => {\n const [value, setValue] = React.useState('');\n const [filter, setFilter] = React.useState('');\n\n const matchOption = (option, inputValue) =>\n option.content.toLowerCase().includes((inputValue || '').toLowerCase());\n\n const mask = [\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n ' ',\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n ' ',\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n ' ',\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n ];\n\n const cards = [\n {\n key: 'Карта 1',\n content: '4035 5010 0000 0008',\n },\n {\n key: 'Карта 2',\n content: '4360 0000 0100 0005',\n },\n {\n key: 'Карта 3',\n content: '8171 9999 2766 0000',\n },\n {\n key: 'Карта 4',\n content: '5204 2477 5000 1471',\n },\n {\n key: 'Карта 5',\n content: '4111 1111 1111 1111',\n },\n ];\n\n const CardOption = (props) => (\n \n
\n {props.option.content}\n \n \n {props.option.key}\n \n
\n
\n );\n\n const handleFilter = (event) => {\n setFilter(event.target.value);\n };\n\n const handleChange = (payload) => {\n const newValue = payload\n ? isOptionShape(payload.selected)\n ? payload.selected.content\n : payload\n : '';\n\n setValue(newValue);\n setFilter(newValue);\n };\n\n const filteredOptions = cards.filter((option) => matchOption(option, filter));\n\n return (\n setFilter('')}\n bottomSheetProps={{\n transitionProps: {\n onEnter: () => setFilter(value),\n },\n }}\n Option={CardOption}\n Input={MaskedInput}\n bottomSheetHeaderAddonsProps={{ mask, onChange: handleFilter }}\n />\n );\n});\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"морфология",children:"Морфология"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["Компонент является оберткой над ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/formcontrol--docs",children:"FormControl"}),",\nпоэтому наследует все доступные для него настройки.\nСписок это кастомизируемый ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/popover--docs",children:"Popover"}),"\nв десктопной версии и ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/bottomsheet--docs",children:"Bottomsheet"}),"\nили ",(0,jsx_runtime.jsx)(_components.a,{href:"?path=/docs/modal--docs",children:"Modal"}),"\nв мобильной."]})]})}var description=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)},src=__webpack_require__("./packages/input-autocomplete/src/index.ts"),src_mobile=__webpack_require__("./packages/input-autocomplete/src/mobile.ts"),src_desktop=__webpack_require__("./packages/input-autocomplete/src/desktop.ts");function development_createMdxContent(props){const _components=Object.assign({h2:"h2",pre:"pre",code:"code"},(0,lib.ah)(),props.components);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h2,{id:"подключение",children:"Подключение"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { InputAutocomplete } from '@alfalab/core-components/input-autocomplete';\nimport { InputAutocompleteDesktop } from '@alfalab/core-components/input-autocomplete/desktop';\nimport { InputAutocompleteMobile } from '@alfalab/core-components/input-autocomplete/mobile';\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"свойства",children:"Свойства"}),"\n",(0,jsx_runtime.jsx)(dist.$4,{components:{InputAutocomplete:src.InputAutocomplete,InputAutocompleteDesktop:src_desktop.InputAutocompleteDesktop,InputAutocompleteMobile:src_mobile.InputAutocompleteMobile}})]})}var development=function development_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(development_createMdxContent,props)})):development_createMdxContent(props)},CHANGELOGraw_namespaceObject="# Change Log\n\n## 10.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - form-control@10.0.1\n - select@15.1.4\n - input@12.1.3\n\n## 10.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.1.3\n\n## 10.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.1.2\n - button@9.0.4\n - input@12.1.2\n\n## 10.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.1\n - select@15.1.1\n\n## 10.1.0\n\n### Minor Changes\n\n### [#805](https://github.com/core-ds/core-components/pull/805)\n\n- feat(select): добавлена возможность фильтрации пунктов\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.1.0\n - select@15.1.0\n - button@9.0.3\n\n## 10.0.4\n\n### Patch Changes\n\n### [#823](https://github.com/core-ds/core-components/pull/823)\n\n- Незначительные исправления компонента\n\n- Обновлены зависимости\n - select@15.0.4\n\n## 10.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.0.3\n\n## 10.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@12.0.2\n - button@9.0.2\n - select@15.0.2\n\n## 10.0.1\n\n### Patch Changes\n\n### [#793](https://github.com/core-ds/core-components/pull/793)\n\n- Добавлены недостающие зависимости в package.json\n\n- Обновлены зависимости\n - select@15.0.1\n - button@9.0.1\n - input@12.0.1\n\n## 10.0.0\n\n### Major Changes\n\n### [#711](https://github.com/core-ds/core-components/pull/711)\n\n- Удалена responsive точка входа. Responsive компонент теперь экспортируется из индексного файла\n- Десктопный компонент теперь экспортируется из desktop -> import {InputAutocompleteDesktop} from '@alfalab/core-components/input-autocomplete/desktop'\n\n### Minor Changes\n\n### [#687](https://github.com/core-ds/core-components/pull/687)\n\n- Компонент Button заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n### [#719](https://github.com/core-ds/core-components/pull/719)\n\n- Поведение плейсхолдера и лейбла изменено на стандартное. Теперь, в дефолтном состоянии, в инпутах с внутренним положением лейбла отображается лейбл, а не плейсхолдер.\n\n### [#716](https://github.com/core-ds/core-components/pull/716)\n\n- Компонент FormControl заменен на mobile/desktop версии для мобильных и десктопных версий компонентов\n\n### [#713](https://github.com/core-ds/core-components/pull/713)\n\n- Теперь каждый пакет публикуется с исходниками\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@15.0.0\n - button@9.0.0\n - form-control@10.0.0\n - input@12.0.0\n\n## 9.4.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@14.3.5\n\n## 9.4.6\n\n### Patch Changes\n\n### [#766](https://github.com/core-ds/core-components/pull/766)\n\n- Удален скрипт отправки статистики (send-stats)\n\n- Обновлены зависимости\n - button@8.5.1\n - form-control@9.0.6\n - input@11.1.18\n - select@14.3.4\n\n## 9.4.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - button@8.5.0\n - input@11.1.17\n - select@14.3.3\n\n## 9.4.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@14.3.2\n\n## 9.4.3\n\n### Patch Changes\n\n### [#736](https://github.com/core-ds/core-components/pull/736)\n\n- Добавлена возможность переопределять props в компоненте InputAutocompleteModalMobile\n\n## 9.4.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@14.3.1\n\n## 9.4.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@14.3.0\n\n## 9.4.0\n\n### Minor Changes\n\n### [#678](https://github.com/core-ds/core-components/pull/678)\n\n- Добавлен компонент InputAutocompleteModalMobile\n\n### [#673](https://github.com/core-ds/core-components/pull/673)\n\n- В мобильных модальных компонентах кнопка подтверждения теперь находится справа\n\n### Patch Changes\n\n### [#676](https://github.com/core-ds/core-components/pull/676)\n\n- Обновлена зависимость @alfalab/hooks\n\n- Обновлены зависимости\n - button@8.4.0\n - select@14.2.0\n - input@11.1.16\n\n## 9.3.26\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.15\n - select@14.1.2\n\n## 9.3.25\n\n### Patch Changes\n\n- Обновлены зависимости\n - button@8.3.0\n - input@11.1.14\n - select@14.1.1\n\n## 9.3.24\n\n### Patch Changes\n\n- Обновлены зависимости\n - button@8.2.0\n - select@14.1.0\n - input@11.1.13\n\n## 9.3.23\n\n### Patch Changes\n\n### [#646](https://github.com/core-ds/core-components/pull/646)\n\n- Исправлена ошибка с типами в responsive компоненте\n\n## 9.3.22\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@14.0.4\n\n## 9.3.21\n\n### Patch Changes\n\n- Обновлены зависимости\n - button@8.1.0\n - input@11.1.12\n - select@14.0.3\n\n## 9.3.20\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@14.0.2\n - input@11.1.11\n\n## 9.3.19\n\n### Patch Changes\n\n- Обновлены зависимости\n - form-control@9.0.5\n - input@11.1.10\n - select@14.0.1\n\n## 9.3.18\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@14.0.0\n\n## 9.3.17\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.20\n\n## 9.3.16\n\n### Patch Changes\n\n### [#588](https://github.com/core-ds/core-components/pull/588)\n\n- Добавлен \\_\\_esModule в cjs экспорт\n\n- Обновлены зависимости\n - button@8.0.0\n - form-control@9.0.4\n - input@11.1.9\n - select@13.2.19\n\n## 9.3.15\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.18\n\n## 9.3.14\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.17\n\n## 9.3.13\n\n### Patch Changes\n\n### [#569](https://github.com/core-ds/core-components/pull/569)\n\n- Исправлены типы в InputAutocompleteResponsive\n\n- Обновлены зависимости\n - select@13.2.16\n\n## 9.3.12\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.15\n\n## 9.3.11\n\n### Patch Changes\n\n- Обновлены зависимости\n - button@7.1.1\n - select@13.2.14\n - input@11.1.8\n\n## 9.3.10\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.13\n\n## 9.3.9\n\n### Patch Changes\n\n### [#526](https://github.com/core-ds/core-components/pull/526)\n\n- В зависимости добавлена библиотека tslib\n\n### [#522](https://github.com/core-ds/core-components/pull/522)\n\n- Исправлена TS ошибка \"ref does not exist on type\"\n\n- Обновлены зависимости\n - select@13.2.12\n - button@7.1.0\n - form-control@9.0.3\n - input@11.1.7\n\n## 9.3.8\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.11\n - button@7.0.5\n - input@11.1.6\n\n## 9.3.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - button@7.0.4\n - input@11.1.5\n - select@13.2.10\n\n## 9.3.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.9\n\n## 9.3.5\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.8\n\n## 9.3.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.7\n - button@7.0.3\n - input@11.1.4\n\n## 9.3.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.6\n\n## 9.3.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@11.1.3\n - select@13.2.5\n\n## 9.3.1\n\n### Patch Changes\n\n### [#422](https://github.com/core-ds/core-components/pull/422)\n\n- \"export\" типов заменен на \"export type\"\n\n- Обновлены зависимости\n - input@11.1.2\n - select@13.2.4\n\n## 9.3.0\n\n### Minor Changes\n\n### [#334](https://github.com/core-ds/core-components/pull/334)\n\n- В компонентах DateRangeInput, DateTimeInput и CalendarInput добавлены mobile и desktop версии компонентов. Название компонентов было изменено по схеме Component → ComponentDesktop\n- В компонентах Calendar и InputAutocomplete добавлена responsive версия компонентов. Название компонентов было изменено по схеме Component → ComponentResponsive
\n- В компонентах PickerButton и Tooltip добавлен новый пропс breakpoint. Название компонентов было изменено по схеме Component -→ ComponentResponsive для PickerButton и Component → ComponentDesktop для Tooltip
\n- В компонентах Confirmation и SidePanel добавлен новый пропс breakpoint
\n\n### Patch Changes\n\n### [#418](https://github.com/core-ds/core-components/pull/418)\n\n- Исправлена проблема с default-импортом в cjs форматах\n\n- Обновлены зависимости\n - button@7.0.2\n - form-control@9.0.2\n - input@11.1.1\n - select@13.2.3\n\n## 9.2.0\n\n### Minor Changes\n\n### [#375](https://github.com/core-ds/core-components/pull/375)\n\n- Добавлен опциональный prop `multiple` в компонент InputAutocompleteMobile. Теперь есть возможность выбрать несколько значений\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.2\n\n## 9.1.4\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.1\n\n## 9.1.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.2.0\n\n## 9.1.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.1.2\n\n## 9.1.1\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.1.1\n\n## 9.1.0\n\n### Minor Changes\n\n### [#342](https://github.com/core-ds/core-components/pull/342)\n\n- В компонентах Gallery и Input иконки подгружаемые с 'alfabank.servicecdn.ru' были заменены на иконки из icons-glyph\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.1.0\n - input@11.1.0\n\n## 9.0.3\n\n### Patch Changes\n\n- Обновлены зависимости\n - form-control@9.0.1\n - button@7.0.1\n - select@13.0.3\n - input@11.0.2\n\n## 9.0.2\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@13.0.2\n\n## 9.0.1\n\n### Patch Changes\n\n### [#320](https://github.com/core-ds/core-components/pull/320)\n\n- Скрыт нативный спиннер (стрелочки) у компонента Input при type='number'\n\n- Обновлены зависимости\n - input@11.0.1\n - select@13.0.1\n\n## 9.0.0\n\n### Major Changes\n\n### [#286](https://github.com/core-ds/core-components/pull/286)\n\n- Новые стили инпутов в теме default (все компоненты на основе FormControl, включая Select)\n- Исправлен отступ до hint в SliderInput (уменьшился на 2px)
\n\n### Patch Changes\n\n- Обновлены зависимости\n - button@7.0.0\n - input@11.0.0\n - form-control@9.0.0\n - select@13.0.0\n\n## 8.2.7\n\n### Patch Changes\n\n- Обновлены зависимости\n - input@10.2.5\n - select@12.4.7\n\n## 8.2.6\n\n### Patch Changes\n\n- Обновлены зависимости\n - select@12.4.6\n\n## 8.2.5\n\n### Patch Changes\n\n- Updated dependencies [[#282](https://github.com/core-ds/core-components/pull/282)]\n - @alfalab/core-components-button@6.1.2\n - @alfalab/core-components-form-control@8.3.1\n - @alfalab/core-components-input@10.2.4\n - @alfalab/core-components-select@12.4.5\n\n## 8.2.4\n\n### Patch Changes\n\n- Updated dependencies [[#208](https://github.com/core-ds/core-components/pull/208)]\n - @alfalab/core-components-input@10.2.3\n - @alfalab/core-components-select@12.4.4\n\n## 8.2.3\n\n### Patch Changes\n\n- Updated dependencies [[#189](https://github.com/core-ds/core-components/pull/189)]\n - @alfalab/core-components-input@10.2.2\n - @alfalab/core-components-select@12.4.3\n\n## 8.2.2\n\n### Patch Changes\n\n- @alfalab/core-components-select@12.4.2\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n\n## [8.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.2.0...@alfalab/core-components-input-autocomplete@8.2.1) (2022-09-13)\n\n### Bug Fixes\n\n- **base-modal:** fixed scroll to top issues ([#224](https://github.com/core-ds/core-components/issues/224)) ([2e3fdd2](https://github.com/core-ds/core-components/commit/2e3fdd22a4af2b043c428a3ad800b82ac4166d5d))\n\n# [8.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.1.3...@alfalab/core-components-input-autocomplete@8.2.0) (2022-09-12)\n\n### Bug Fixes\n\n- **input-autocomplete:** add prop for custom input ([#223](https://github.com/core-ds/core-components/issues/223)) ([632cb7f](https://github.com/core-ds/core-components/commit/632cb7fb572366cd42fad1a8741e99098cce1f12))\n\n### Features\n\n- **form-control:** new input/select label view (outer) ([#177](https://github.com/core-ds/core-components/issues/177)) ([66beb15](https://github.com/core-ds/core-components/commit/66beb15756de97e17a4d1dd4221fa7f401ee8539))\n\n## [8.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.1.2...@alfalab/core-components-input-autocomplete@8.1.3) (2022-09-05)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [8.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.1.1...@alfalab/core-components-input-autocomplete@8.1.2) (2022-09-02)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [8.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.1.0...@alfalab/core-components-input-autocomplete@8.1.1) (2022-09-02)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n# [8.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.0.4...@alfalab/core-components-input-autocomplete@8.1.0) (2022-09-01)\n\n### Features\n\n- testing-library versions update ([#216](https://github.com/core-ds/core-components/issues/216)) ([33b6225](https://github.com/core-ds/core-components/commit/33b62259a1332f535f367502590ea37e7ad051d4))\n\n## [8.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.0.3...@alfalab/core-components-input-autocomplete@8.0.4) (2022-08-31)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [8.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.0.2...@alfalab/core-components-input-autocomplete@8.0.3) (2022-08-29)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [8.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.0.1...@alfalab/core-components-input-autocomplete@8.0.2) (2022-08-26)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [8.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@8.0.0...@alfalab/core-components-input-autocomplete@8.0.1) (2022-08-19)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n# [8.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.6.1...@alfalab/core-components-input-autocomplete@8.0.0) (2022-08-17)\n\n### Features\n\n- removed dist directory in published packages ([#200](https://github.com/core-ds/core-components/issues/200)) ([8af8fee](https://github.com/core-ds/core-components/commit/8af8fee53ca0bd19fa2d1ca1422e0df23096e2c8))\n\n### BREAKING CHANGES\n\n- Изменена директория расположения индексных файлов в опубликованных пакетах (удалена\n директория dist)\n\nCo-authored-by: Vladimir Gevak \n\n## [7.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.6.0...@alfalab/core-components-input-autocomplete@7.6.1) (2022-08-17)\n\n### Bug Fixes\n\n- returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))\n\n# [7.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.5.2...@alfalab/core-components-input-autocomplete@7.6.0) (2022-08-12)\n\n### Features\n\n- **BottonSheet:** improved bottomSheet component ([#185](https://github.com/core-ds/core-components/issues/185)) ([ba5fa06](https://github.com/core-ds/core-components/commit/ba5fa06d5f342ac5e04adadb72fd21e1f699c00a))\n\n## [7.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.5.1...@alfalab/core-components-input-autocomplete@7.5.2) (2022-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.5.0...@alfalab/core-components-input-autocomplete@7.5.1) (2022-08-09)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n# [7.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.9...@alfalab/core-components-input-autocomplete@7.5.0) (2022-08-04)\n\n### Features\n\n- react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))\n\n## [7.4.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.8...@alfalab/core-components-input-autocomplete@7.4.9) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.4.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.7...@alfalab/core-components-input-autocomplete@7.4.8) (2022-07-25)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.4.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.6...@alfalab/core-components-input-autocomplete@7.4.7) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.4.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.5...@alfalab/core-components-input-autocomplete@7.4.6) (2022-07-18)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.4.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.4...@alfalab/core-components-input-autocomplete@7.4.5) (2022-07-15)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.4.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.3...@alfalab/core-components-input-autocomplete@7.4.4) (2022-07-15)\n\n### Bug Fixes\n\n- bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))\n\n## [7.4.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.2...@alfalab/core-components-input-autocomplete@7.4.3) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.1...@alfalab/core-components-input-autocomplete@7.4.2) (2022-07-14)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.4.0...@alfalab/core-components-input-autocomplete@7.4.1) (2022-07-11)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n# [7.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.3.5...@alfalab/core-components-input-autocomplete@7.4.0) (2022-07-01)\n\n### Features\n\n- **select:** add select-modal-mobile ([#47](https://github.com/core-ds/core-components/issues/47)) ([5ec4268](https://github.com/core-ds/core-components/commit/5ec42688065bb279d721541ec21bde242675ab8a))\n\n## [7.3.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.3.4...@alfalab/core-components-input-autocomplete@7.3.5) (2022-06-30)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.3.3...@alfalab/core-components-input-autocomplete@7.3.4) (2022-06-29)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.3.2...@alfalab/core-components-input-autocomplete@7.3.3) (2022-06-28)\n\n### Bug Fixes\n\n- **input-autocomplete:** fixed onChange type ([#110](https://github.com/core-ds/core-components/issues/110)) ([c994661](https://github.com/core-ds/core-components/commit/c9946615af9aecb3f1974c887bdd6686708ac18e))\n\n## [7.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.3.1...@alfalab/core-components-input-autocomplete@7.3.2) (2022-06-24)\n\n### Bug Fixes\n\n- **icon-button:** fix disabled colors ([#104](https://github.com/core-ds/core-components/issues/104)) ([3f03849](https://github.com/core-ds/core-components/commit/3f038495bb63f72cd81ceeedbe55b52119581d57))\n\n## [7.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.3.0...@alfalab/core-components-input-autocomplete@7.3.1) (2022-06-23)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n# [7.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.2.7...@alfalab/core-components-input-autocomplete@7.3.0) (2022-06-20)\n\n### Features\n\n- **input-autocomplete:** add new component InputAutocompleteMobile ([#96](https://github.com/core-ds/core-components/issues/96)) ([a0e9f95](https://github.com/core-ds/core-components/commit/a0e9f95edbfcd6722e99647d75a262805e81a4a7))\n\n## [7.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.2.6...@alfalab/core-components-input-autocomplete@7.2.7) (2022-06-20)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.2.5...@alfalab/core-components-input-autocomplete@7.2.6) (2022-06-16)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.2.4...@alfalab/core-components-input-autocomplete@7.2.5) (2022-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.2.3...@alfalab/core-components-input-autocomplete@7.2.4) (2022-06-03)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.1.5...@alfalab/core-components-input-autocomplete@7.1.6) (2022-03-29)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.1.4...@alfalab/core-components-input-autocomplete@7.1.5) (2022-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.1.3...@alfalab/core-components-input-autocomplete@7.1.4) (2022-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.1.2...@alfalab/core-components-input-autocomplete@7.1.3) (2022-03-04)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.1.1...@alfalab/core-components-input-autocomplete@7.1.2) (2022-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.1.0...@alfalab/core-components-input-autocomplete@7.1.1) (2022-03-01)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n# [7.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.32...@alfalab/core-components-input-autocomplete@7.1.0) (2022-02-21)\n\n### Features\n\n- Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))\n\n## [7.0.32](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.31...@alfalab/core-components-input-autocomplete@7.0.32) (2022-02-17)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.31](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.30...@alfalab/core-components-input-autocomplete@7.0.31) (2022-02-15)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.30](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.29...@alfalab/core-components-input-autocomplete@7.0.30) (2022-02-09)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.29](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.28...@alfalab/core-components-input-autocomplete@7.0.29) (2022-02-03)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.28](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.27...@alfalab/core-components-input-autocomplete@7.0.28) (2022-02-02)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.27](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.26...@alfalab/core-components-input-autocomplete@7.0.27) (2022-01-27)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.26](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.25...@alfalab/core-components-input-autocomplete@7.0.26) (2021-12-29)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.25](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.24...@alfalab/core-components-input-autocomplete@7.0.25) (2021-12-14)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.24](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.23...@alfalab/core-components-input-autocomplete@7.0.24) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.23](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.22...@alfalab/core-components-input-autocomplete@7.0.23) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.22](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.21...@alfalab/core-components-input-autocomplete@7.0.22) (2021-12-08)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.21](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.20...@alfalab/core-components-input-autocomplete@7.0.21) (2021-12-01)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.20](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.19...@alfalab/core-components-input-autocomplete@7.0.20) (2021-11-26)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.19](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.18...@alfalab/core-components-input-autocomplete@7.0.19) (2021-11-16)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.18](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.17...@alfalab/core-components-input-autocomplete@7.0.18) (2021-11-08)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.17](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.16...@alfalab/core-components-input-autocomplete@7.0.17) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.16](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.15...@alfalab/core-components-input-autocomplete@7.0.16) (2021-10-15)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.15](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.14...@alfalab/core-components-input-autocomplete@7.0.15) (2021-10-11)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.14](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.13...@alfalab/core-components-input-autocomplete@7.0.14) (2021-09-27)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.12...@alfalab/core-components-input-autocomplete@7.0.13) (2021-09-14)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.11...@alfalab/core-components-input-autocomplete@7.0.12) (2021-09-08)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.10...@alfalab/core-components-input-autocomplete@7.0.11) (2021-09-06)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.9...@alfalab/core-components-input-autocomplete@7.0.10) (2021-08-27)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.8...@alfalab/core-components-input-autocomplete@7.0.9) (2021-08-23)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.7...@alfalab/core-components-input-autocomplete@7.0.8) (2021-08-23)\n\n### Bug Fixes\n\n- **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)\n\n## [7.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.6...@alfalab/core-components-input-autocomplete@7.0.7) (2021-08-13)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.5...@alfalab/core-components-input-autocomplete@7.0.6) (2021-08-11)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.4...@alfalab/core-components-input-autocomplete@7.0.5) (2021-08-04)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.3...@alfalab/core-components-input-autocomplete@7.0.4) (2021-08-03)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.2...@alfalab/core-components-input-autocomplete@7.0.3) (2021-07-23)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.1...@alfalab/core-components-input-autocomplete@7.0.2) (2021-07-19)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [7.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.0.0...@alfalab/core-components-input-autocomplete@7.0.1) (2021-07-09)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n# [7.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.1.8...@alfalab/core-components-input-autocomplete@7.0.0) (2021-07-08)\n\n### Features\n\n- upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))\n\n## [6.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.1.7...@alfalab/core-components-input-autocomplete@6.1.8) (2021-06-28)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.1.6...@alfalab/core-components-input-autocomplete@6.1.7) (2021-06-22)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.1.5...@alfalab/core-components-input-autocomplete@6.1.6) (2021-06-08)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.1.4...@alfalab/core-components-input-autocomplete@6.1.5) (2021-06-04)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.1.3...@alfalab/core-components-input-autocomplete@6.1.4) (2021-05-31)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.1.2...@alfalab/core-components-input-autocomplete@6.1.3) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.1.1...@alfalab/core-components-input-autocomplete@6.1.2) (2021-05-25)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.1.0...@alfalab/core-components-input-autocomplete@6.1.1) (2021-05-18)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.19...@alfalab/core-components-input-autocomplete@6.1.0) (2021-05-07)\n\n### Features\n\n- **intl-phone-input:** add autocomplete ([#630](https://github.com/core-ds/core-components/issues/630)) ([18b5714](https://github.com/core-ds/core-components/commit/18b57143ede6bf5e9fcd7d460b4859c6d86c026b))\n\n## [6.0.19](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.18...@alfalab/core-components-input-autocomplete@6.0.19) (2021-04-28)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.18](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.17...@alfalab/core-components-input-autocomplete@6.0.18) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.17](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.16...@alfalab/core-components-input-autocomplete@6.0.17) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.16](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.15...@alfalab/core-components-input-autocomplete@6.0.16) (2021-04-26)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.15](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.14...@alfalab/core-components-input-autocomplete@6.0.15) (2021-04-09)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.14](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.13...@alfalab/core-components-input-autocomplete@6.0.14) (2021-04-01)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.12...@alfalab/core-components-input-autocomplete@6.0.13) (2021-03-30)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.11...@alfalab/core-components-input-autocomplete@6.0.12) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.10...@alfalab/core-components-input-autocomplete@6.0.11) (2021-03-24)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.9...@alfalab/core-components-input-autocomplete@6.0.10) (2021-03-19)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.7...@alfalab/core-components-input-autocomplete@6.0.9) (2021-03-18)\n\n### Bug Fixes\n\n- one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))\n\n## [6.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.5...@alfalab/core-components-input-autocomplete@6.0.7) (2021-03-16)\n\n### Bug Fixes\n\n- border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))\n\n## [6.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.4...@alfalab/core-components-input-autocomplete@6.0.5) (2021-03-15)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.3...@alfalab/core-components-input-autocomplete@6.0.4) (2021-03-14)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.2...@alfalab/core-components-input-autocomplete@6.0.3) (2021-03-11)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.1...@alfalab/core-components-input-autocomplete@6.0.2) (2021-03-10)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [6.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@6.0.0...@alfalab/core-components-input-autocomplete@6.0.1) (2021-03-05)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.9...@alfalab/core-components-input-autocomplete@6.0.0) (2021-03-04)\n\n### Features\n\n- **input-autocomplete:** changed size L (72 → 64), added size XL (72) ([858359a](https://github.com/core-ds/core-components/commit/858359a0dab558113fe1d225d839eb97acd5c917))\n\n### BREAKING CHANGES\n\n- **input-autocomplete:** size L changed to size XL\n\n## [5.2.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.8...@alfalab/core-components-input-autocomplete@5.2.9) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [5.2.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.7...@alfalab/core-components-input-autocomplete@5.2.8) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [5.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.6...@alfalab/core-components-input-autocomplete@5.2.7) (2021-03-03)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [5.2.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.5...@alfalab/core-components-input-autocomplete@5.2.6) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [5.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.4...@alfalab/core-components-input-autocomplete@5.2.5) (2021-02-20)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [5.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.3...@alfalab/core-components-input-autocomplete@5.2.4) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [5.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.2...@alfalab/core-components-input-autocomplete@5.2.3) (2021-02-19)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [5.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.1...@alfalab/core-components-input-autocomplete@5.2.2) (2021-02-18)\n\n**Note:** Version bump only for package @alfalab/core-components-input-autocomplete\n\n## [5.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@5.2.0...@alfalab/core-components-input-autocomplete@5.2.1) (2021-02-18)\n\n### Bug Fixes\n\n- update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))\n";const options=[{key:"Neptunium"},{key:"Plutonium"},{key:"Americium"},{key:"Curium"},{key:"Berkelium"},{key:"Californium"},{key:"Einsteinium"},{key:"Fermium"},{key:"Mendelevium"},{key:"Nobelium"},{key:"Lawrencium"},{key:"Rutherfordium"},{key:"Dubnium"},{key:"Seaborgium"},{key:"Bohrium"}],matchOption=(option,inputValue)=>option.key.toLowerCase().includes((inputValue||"").toLowerCase());function Component_stories_createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.h_,{title:"Components/InputAutocomplete",component:desktop.InputAutocompleteDesktop,id:"InputAutocomplete"}),"\n","\n",(0,jsx_runtime.jsx)(dist.oG,{name:"InputAutocomplete",children:react.createElement((()=>{const[value,setValue]=react.useState(""),filteredOptions=options.filter((option=>matchOption(option,value)));return(0,jsx_runtime.jsx)(desktop.InputAutocompleteDesktop,{options:filteredOptions,selected:(0,addon_knobs_dist.boolean)("prevent select",!0)?[]:void 0,block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),error:(0,addon_knobs_dist.text)("error",""),success:(0,addon_knobs_dist.boolean)("success",!1),hint:(0,addon_knobs_dist.text)("hint",""),allowUnselect:(0,addon_knobs_dist.boolean)("allowUnselect",!0),closeOnSelect:(0,addon_knobs_dist.boolean)("closeOnSelect",!1),Arrow:(0,addon_knobs_dist.boolean)("Arrow",!1)?shared.Arrow:void 0,circularNavigation:(0,addon_knobs_dist.boolean)("circularNavigation",!1),placeholder:(0,addon_knobs_dist.text)("placeholder","Введите элемент"),label:(0,addon_knobs_dist.text)("label","Элемент"),labelView:(0,addon_knobs_dist.select)("labelView",["inner","outer"],"inner"),onChange:({selected:selected})=>{setValue(selected?selected.key:"")},onInput:event=>{setValue(event.target.value)},value:value})}))}),"\n",(0,jsx_runtime.jsx)(dist.oG,{name:"InputAutocompleteMobile",children:react.createElement((()=>{const[value,setValue]=react.useState(""),[filter,setFilter]=react.useState(""),filteredOptions=[{key:"1",content:"Neptunium"},{key:"2",content:"Plutonium"},{key:"3",content:"Americium"},{key:"4",content:"Curium"},{key:"5",content:"Berkelium"},{key:"6",content:"Californium"},{key:"7",content:"Einsteinium"},{key:"8",content:"Fermium"},{key:"9",content:"Hydrogenium"},{key:"10",content:"Helium"},{key:"11",content:"Lithium"},{key:"12",content:"Beryllium"},{key:"13",content:"Borum"},{key:"14",content:"Carboneum"},{key:"15",content:"Nitrogenium"},{key:"16",content:"Oxygenium"}].filter((option=>((option,inputValue)=>option.content.toLowerCase().includes((inputValue||"").toLowerCase()))(option,filter)));return(0,jsx_runtime.jsx)(mobile.InputAutocompleteMobile,{dataTestId:"asfa fs asf afa",block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),closeOnSelect:(0,addon_knobs_dist.boolean)("closeOnSelect",!0),value:value,filter:filter,options:filteredOptions,placeholder:(0,addon_knobs_dist.text)("placeholder","Выберите элемент"),label:(0,addon_knobs_dist.text)("label","Элемент"),labelView:(0,addon_knobs_dist.select)("labelView",["inner","outer"],"inner"),onChange:payload=>{const newValue=payload?(0,shared.isOptionShape)(payload.selected)?payload.selected.content:payload:"";setValue(newValue),setFilter(newValue)},onFilter:event=>{setFilter(event.target.value)},onClearFilter:()=>setFilter(""),continueButtonProps:{dataTestId:"continue"},cancelButtonProps:{dataTestId:"cancel"},bottomSheetProps:{transitionProps:{onEnter:()=>setFilter(value)}}})}))}),"\n",(0,jsx_runtime.jsx)(dist.oG,{name:"InputAutocompleteModalMobile",children:react.createElement((()=>{const[value,setValue]=react.useState(""),[filter,setFilter]=react.useState(""),filteredOptions=[{key:"1",content:"Neptunium"},{key:"2",content:"Plutonium"},{key:"3",content:"Americium"},{key:"4",content:"Curium"},{key:"5",content:"Berkelium"},{key:"6",content:"Californium"},{key:"7",content:"Einsteinium"},{key:"8",content:"Fermium"},{key:"9",content:"Hydrogenium"},{key:"10",content:"Helium"},{key:"11",content:"Lithium"},{key:"12",content:"Beryllium"},{key:"13",content:"Borum"},{key:"14",content:"Carboneum"},{key:"15",content:"Nitrogenium"},{key:"16",content:"Oxygenium"}].filter((option=>((option,inputValue)=>option.content.toLowerCase().includes((inputValue||"").toLowerCase()))(option,filter)));return(0,jsx_runtime.jsx)(mobile.InputAutocompleteModalMobile,{dataTestId:"iamm",block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),closeOnSelect:(0,addon_knobs_dist.boolean)("closeOnSelect",!0),value:value,filter:filter,options:filteredOptions,placeholder:(0,addon_knobs_dist.text)("placeholder","Выберите элемент"),label:(0,addon_knobs_dist.text)("label","Элемент"),labelView:(0,addon_knobs_dist.select)("labelView",["inner","outer"],"inner"),onChange:payload=>{const newValue=payload?(0,shared.isOptionShape)(payload.selected)?payload.selected.content:payload:"";setValue(newValue),setFilter(newValue)},onFilter:event=>{setFilter(event.target.value)},onClearFilter:()=>setFilter(""),continueButtonProps:{dataTestId:"continue"},cancelButtonProps:{dataTestId:"cancel"}})}))}),"\n","\n",(0,jsx_runtime.jsx)(blocks.yt,{name:"InputAutocomplete",version:package_namespaceObject.i8,package:"@alfalab/core-components/input-autocomplete",design:"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components?node-id=58839%3A63017",children:"Дает возможность выбрать значение из списка доступных, либо ввести своё с помощью клавиатуры."}),"\n",(0,jsx_runtime.jsx)(blocks.mQ,{description:(0,jsx_runtime.jsx)(description,{}),changelog:(0,jsx_runtime.jsx)(dist.UG,{children:CHANGELOGraw_namespaceObject}),development:(0,jsx_runtime.jsx)(development,{})})]})}const inputAutocomplete=()=>react.createElement((()=>{const[value,setValue]=react.useState(""),filteredOptions=options.filter((option=>matchOption(option,value)));return(0,jsx_runtime.jsx)(desktop.InputAutocompleteDesktop,{options:filteredOptions,selected:(0,addon_knobs_dist.boolean)("prevent select",!0)?[]:void 0,block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),error:(0,addon_knobs_dist.text)("error",""),success:(0,addon_knobs_dist.boolean)("success",!1),hint:(0,addon_knobs_dist.text)("hint",""),allowUnselect:(0,addon_knobs_dist.boolean)("allowUnselect",!0),closeOnSelect:(0,addon_knobs_dist.boolean)("closeOnSelect",!1),Arrow:(0,addon_knobs_dist.boolean)("Arrow",!1)?shared.Arrow:void 0,circularNavigation:(0,addon_knobs_dist.boolean)("circularNavigation",!1),placeholder:(0,addon_knobs_dist.text)("placeholder","Введите элемент"),label:(0,addon_knobs_dist.text)("label","Элемент"),labelView:(0,addon_knobs_dist.select)("labelView",["inner","outer"],"inner"),onChange:({selected:selected})=>{setValue(selected?selected.key:"")},onInput:event=>{setValue(event.target.value)},value:value})}));inputAutocomplete.storyName="InputAutocomplete",inputAutocomplete.parameters={storySource:{source:'React.createElement(() => {\n const [value, setValue] = React.useState("");\n const handleInput = event => {\n setValue(event.target.value);\n };\n const handleChange = ({\n selected\n }) => {\n setValue(selected ? selected.key : "");\n };\n const filteredOptions = options.filter(option => matchOption(option, value));\n return ;\n})'}};const inputAutocompleteMobile=()=>react.createElement((()=>{const[value,setValue]=react.useState(""),[filter,setFilter]=react.useState(""),filteredOptions=[{key:"1",content:"Neptunium"},{key:"2",content:"Plutonium"},{key:"3",content:"Americium"},{key:"4",content:"Curium"},{key:"5",content:"Berkelium"},{key:"6",content:"Californium"},{key:"7",content:"Einsteinium"},{key:"8",content:"Fermium"},{key:"9",content:"Hydrogenium"},{key:"10",content:"Helium"},{key:"11",content:"Lithium"},{key:"12",content:"Beryllium"},{key:"13",content:"Borum"},{key:"14",content:"Carboneum"},{key:"15",content:"Nitrogenium"},{key:"16",content:"Oxygenium"}].filter((option=>((option,inputValue)=>option.content.toLowerCase().includes((inputValue||"").toLowerCase()))(option,filter)));return(0,jsx_runtime.jsx)(mobile.InputAutocompleteMobile,{dataTestId:"asfa fs asf afa",block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),closeOnSelect:(0,addon_knobs_dist.boolean)("closeOnSelect",!0),value:value,filter:filter,options:filteredOptions,placeholder:(0,addon_knobs_dist.text)("placeholder","Выберите элемент"),label:(0,addon_knobs_dist.text)("label","Элемент"),labelView:(0,addon_knobs_dist.select)("labelView",["inner","outer"],"inner"),onChange:payload=>{const newValue=payload?(0,shared.isOptionShape)(payload.selected)?payload.selected.content:payload:"";setValue(newValue),setFilter(newValue)},onFilter:event=>{setFilter(event.target.value)},onClearFilter:()=>setFilter(""),continueButtonProps:{dataTestId:"continue"},cancelButtonProps:{dataTestId:"cancel"},bottomSheetProps:{transitionProps:{onEnter:()=>setFilter(value)}}})}));inputAutocompleteMobile.storyName="InputAutocompleteMobile",inputAutocompleteMobile.parameters={storySource:{source:'React.createElement(() => {\n const options = [{\n key: "1",\n content: "Neptunium"\n }, {\n key: "2",\n content: "Plutonium"\n }, {\n key: "3",\n content: "Americium"\n }, {\n key: "4",\n content: "Curium"\n }, {\n key: "5",\n content: "Berkelium"\n }, {\n key: "6",\n content: "Californium"\n }, {\n key: "7",\n content: "Einsteinium"\n }, {\n key: "8",\n content: "Fermium"\n }, {\n key: "9",\n content: "Hydrogenium"\n }, {\n key: "10",\n content: "Helium"\n }, {\n key: "11",\n content: "Lithium"\n }, {\n key: "12",\n content: "Beryllium"\n }, {\n key: "13",\n content: "Borum"\n }, {\n key: "14",\n content: "Carboneum"\n }, {\n key: "15",\n content: "Nitrogenium"\n }, {\n key: "16",\n content: "Oxygenium"\n }];\n const matchOption = (option, inputValue) => option.content.toLowerCase().includes((inputValue || "").toLowerCase());\n const [value, setValue] = React.useState("");\n const [filter, setFilter] = React.useState("");\n const handleFilter = event => {\n setFilter(event.target.value);\n };\n const handleChange = payload => {\n const newValue = payload ? isOptionShape(payload.selected) ? payload.selected.content : payload : "";\n setValue(newValue);\n setFilter(newValue);\n };\n const filteredOptions = options.filter(option => matchOption(option, filter));\n return setFilter("")} continueButtonProps={{\n dataTestId: "continue"\n }} cancelButtonProps={{\n dataTestId: "cancel"\n }} bottomSheetProps={{\n transitionProps: {\n onEnter: () => setFilter(value)\n }\n }} />;\n})'}};const inputAutocompleteModalMobile=()=>react.createElement((()=>{const[value,setValue]=react.useState(""),[filter,setFilter]=react.useState(""),filteredOptions=[{key:"1",content:"Neptunium"},{key:"2",content:"Plutonium"},{key:"3",content:"Americium"},{key:"4",content:"Curium"},{key:"5",content:"Berkelium"},{key:"6",content:"Californium"},{key:"7",content:"Einsteinium"},{key:"8",content:"Fermium"},{key:"9",content:"Hydrogenium"},{key:"10",content:"Helium"},{key:"11",content:"Lithium"},{key:"12",content:"Beryllium"},{key:"13",content:"Borum"},{key:"14",content:"Carboneum"},{key:"15",content:"Nitrogenium"},{key:"16",content:"Oxygenium"}].filter((option=>((option,inputValue)=>option.content.toLowerCase().includes((inputValue||"").toLowerCase()))(option,filter)));return(0,jsx_runtime.jsx)(mobile.InputAutocompleteModalMobile,{dataTestId:"iamm",block:(0,addon_knobs_dist.boolean)("block",!1),size:(0,addon_knobs_dist.select)("size",["s","m","l","xl"],"s"),disabled:(0,addon_knobs_dist.boolean)("disabled",!1),error:(0,addon_knobs_dist.text)("error",""),hint:(0,addon_knobs_dist.text)("hint",""),closeOnSelect:(0,addon_knobs_dist.boolean)("closeOnSelect",!0),value:value,filter:filter,options:filteredOptions,placeholder:(0,addon_knobs_dist.text)("placeholder","Выберите элемент"),label:(0,addon_knobs_dist.text)("label","Элемент"),labelView:(0,addon_knobs_dist.select)("labelView",["inner","outer"],"inner"),onChange:payload=>{const newValue=payload?(0,shared.isOptionShape)(payload.selected)?payload.selected.content:payload:"";setValue(newValue),setFilter(newValue)},onFilter:event=>{setFilter(event.target.value)},onClearFilter:()=>setFilter(""),continueButtonProps:{dataTestId:"continue"},cancelButtonProps:{dataTestId:"cancel"}})}));inputAutocompleteModalMobile.storyName="InputAutocompleteModalMobile",inputAutocompleteModalMobile.parameters={storySource:{source:'React.createElement(() => {\n const options = [{\n key: "1",\n content: "Neptunium"\n }, {\n key: "2",\n content: "Plutonium"\n }, {\n key: "3",\n content: "Americium"\n }, {\n key: "4",\n content: "Curium"\n }, {\n key: "5",\n content: "Berkelium"\n }, {\n key: "6",\n content: "Californium"\n }, {\n key: "7",\n content: "Einsteinium"\n }, {\n key: "8",\n content: "Fermium"\n }, {\n key: "9",\n content: "Hydrogenium"\n }, {\n key: "10",\n content: "Helium"\n }, {\n key: "11",\n content: "Lithium"\n }, {\n key: "12",\n content: "Beryllium"\n }, {\n key: "13",\n content: "Borum"\n }, {\n key: "14",\n content: "Carboneum"\n }, {\n key: "15",\n content: "Nitrogenium"\n }, {\n key: "16",\n content: "Oxygenium"\n }];\n const matchOption = (option, inputValue) => option.content.toLowerCase().includes((inputValue || "").toLowerCase());\n const [value, setValue] = React.useState("");\n const [filter, setFilter] = React.useState("");\n const handleFilter = event => {\n setFilter(event.target.value);\n };\n const handleChange = payload => {\n const newValue = payload ? isOptionShape(payload.selected) ? payload.selected.content : payload : "";\n setValue(newValue);\n setFilter(newValue);\n };\n const filteredOptions = options.filter(option => matchOption(option, filter));\n return setFilter("")} continueButtonProps={{\n dataTestId: "continue"\n }} cancelButtonProps={{\n dataTestId: "cancel"\n }} />;\n})'}};const componentMeta={title:"Components/InputAutocomplete",id:"InputAutocomplete",component:desktop.InputAutocompleteDesktop,tags:["stories-mdx"],includeStories:["inputAutocomplete","inputAutocompleteMobile","inputAutocompleteModalMobile"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function Component_stories_MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(Component_stories_createMdxContent,{...props})}):Component_stories_createMdxContent()}};var Component_stories=componentMeta},"./.storybook/blocks/index.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Eg:function(){return Changelog},yt:function(){return ComponentHeader},ZV:function(){return CssVars},mQ:function(){return Tabs}});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_module_changelog="changelog_UmYwo",index_module_root="root_GgHKe",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Changelog=function Changelog(_ref){var content=_ref.content,_ref$root=_ref.root,root=void 0!==_ref$root&&_ref$root;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(index_module_changelog,root&&index_module_root,"sb-unstyled"),children:content})};try{Changelog.displayName="Changelog",Changelog.__docgenInfo={description:"",displayName:"Changelog",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},root:{defaultValue:{value:"false"},description:"",name:"root",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/changelog/changelog.tsx#Changelog"]={docgenInfo:Changelog.__docgenInfo,name:"Changelog",path:".storybook/blocks/changelog/changelog.tsx#Changelog"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),modern=__webpack_require__("./dist/link/modern/index.js"),esm=__webpack_require__("./node_modules/storybook-addon-live-examples/dist/esm/index.js"),css_vars_module_cssVars="cssVars_OsBA8",rootBlockRegexp=/:root {([^}]*)}/g,mixinRegexp=/(?:@define-mixin)(.*{[^}]*})/g,CssVars=function CssVars(_ref){var css=_ref.css,title=_ref.title,expandable=_ref.expandable,_ref$type=_ref.type,type=void 0===_ref$type?"vars":_ref$type,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),vars=_useState2[0],setVars=_useState2[1],_useState3=(0,react.useState)(!expandable),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],isVars="vars"===type,regexp=isVars?rootBlockRegexp:mixinRegexp;return(0,react.useEffect)((function(){for(var rootBlockMatch=regexp.exec(css),rootBlocks=[];rootBlockMatch;)rootBlocks.push(rootBlockMatch[1]),rootBlockMatch=regexp.exec(css);var result=rootBlocks.reduce((function(acc,item,index){var divider=index===rootBlocks.length-1?"":"\n";return"".concat(acc).concat(item).concat(divider)}),isVars?":root {":"");isVars&&(result+="}"),setVars(result)}),[]),(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",css_vars_module_cssVars),children:[title&&(0,jsx_runtime.jsx)("h2",{className:classnames_default()("sbdocs","sbdocs-h2"),children:title}),vars&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[expandable&&(0,jsx_runtime.jsx)(modern.Link,{view:"default",onClick:function onClick(){return setOpen(!open)},pseudo:!0,children:open?"Скрыть":"Показать"}),open&&(0,jsx_runtime.jsx)(esm.en,{language:"css",code:vars,live:!1})]})]})};try{CssVars.displayName="CssVars",CssVars.__docgenInfo={description:"",displayName:"CssVars",props:{css:{defaultValue:null,description:"",name:"css",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"vars"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"vars"'},{value:'"mixins"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/css-vars/css-vars.tsx#CssVars"]={docgenInfo:CssVars.__docgenInfo,name:"CssVars",path:".storybook/blocks/css-vars/css-vars.tsx#CssVars"})}catch(__react_docgen_typescript_loader_error){}var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),typography_modern=__webpack_require__("./dist/typography/modern/index.js"),space_modern=__webpack_require__("./dist/space/modern/index.js"),dist_esm=__webpack_require__("./node_modules/@alfalab/utils/dist/esm/index.js"),GithubIcon=__webpack_require__("./.storybook/components/icons/GithubIcon.jsx"),usages_namespaceObject=JSON.parse('{"updatedAt":1671683530526,"withSuffix":{"projects":0,"imports":0,"search":"withSuffix"},"Typography":{"projects":149,"imports":3111,"search":"Typography"},"Tooltip":{"projects":106,"imports":288,"search":"Tooltip*"},"ToastPlate":{"projects":1,"imports":1,"search":"ToastPlate"},"Toast":{"projects":14,"imports":27,"search":"Toast"},"TimeInput":{"projects":0,"imports":0,"search":"TimeInput"},"Textarea":{"projects":45,"imports":74,"search":"Textarea"},"Tag":{"projects":77,"imports":211,"search":"Tag"},"Tabs":{"projects":60,"imports":89,"search":"Tabs*"},"Table":{"projects":34,"imports":134,"search":"Table"},"Switch":{"projects":40,"imports":87,"search":"Switch"},"Steps":{"projects":1,"imports":2,"search":"Steps"},"SteppedProgressBar":{"projects":2,"imports":2,"search":"SteppedProgressBar"},"Status":{"projects":39,"imports":84,"search":"Status"},"Stack":{"projects":1,"imports":1,"search":"Stack"},"Spinner":{"projects":87,"imports":227,"search":"Spinner"},"Space":{"projects":69,"imports":315,"search":"Space"},"SliderInput":{"projects":15,"imports":19,"search":"SliderInput"},"Slider":{"projects":1,"imports":1,"search":"Slider"},"Skeleton":{"projects":68,"imports":354,"search":"Skeleton"},"SidePanel":{"projects":7,"imports":17,"search":"SidePanel*"},"SelectWithTags":{"projects":10,"imports":12,"search":"SelectWithTags"},"Select":{"projects":97,"imports":263,"search":"Select*"},"Scrollbar":{"projects":2,"imports":5,"search":"Scrollbar"},"Radio":{"projects":47,"imports":105,"search":"Radio"},"RadioGroup":{"projects":64,"imports":191,"search":"RadioGroup"},"PureInput":{"projects":0,"imports":0,"search":"PureInput"},"PureCell":{"projects":12,"imports":65,"search":"PureCell"},"ProgressBar":{"projects":11,"imports":12,"search":"ProgressBar"},"Portal":{"projects":4,"imports":5,"search":"Portal"},"Popover":{"projects":20,"imports":45,"search":"Popover"},"Plate":{"projects":63,"imports":214,"search":"Plate"},"PickerButton":{"projects":20,"imports":24,"search":"PickerButton*"},"PhoneInput":{"projects":30,"imports":50,"search":"PhoneInput"},"PasswordInput":{"projects":5,"imports":9,"search":"PasswordInput"},"PatternLock":{"projects":0,"imports":0,"search":"PatternLock"},"PassCode":{"projects":0,"imports":0,"search":"PassCode"},"Pagination":{"projects":7,"imports":8,"search":"Pagination"},"NotificationManager":{"projects":22,"imports":22,"search":"NotificationManager"},"Notification":{"projects":36,"imports":48,"search":"Notification"},"Mq":{"projects":9,"imports":21,"search":"Mq"},"Modal":{"projects":123,"imports":346,"search":"Modal*"},"MaskedInput":{"projects":39,"imports":106,"search":"MaskedInput"},"Loader":{"projects":34,"imports":63,"search":"Loader"},"ListHeader":{"projects":7,"imports":8,"search":"ListHeader"},"List":{"projects":51,"imports":140,"search":"List"},"Link":{"projects":113,"imports":535,"search":"Link"},"KeyboardFocusable":{"projects":3,"imports":3,"search":"KeyboardFocusable"},"IntlPhoneInput":{"projects":1,"imports":1,"search":"IntlPhoneInput"},"InputAutocomplete":{"projects":62,"imports":126,"search":"InputAutocomplete*"},"Input":{"projects":89,"imports":361,"search":"Input"},"IconView":{"projects":0,"imports":0,"search":"IconView"},"IconButton":{"projects":76,"imports":227,"search":"IconButton"},"HatchingProgressBar":{"projects":1,"imports":1,"search":"HatchingProgressBar"},"Grid":{"projects":61,"imports":445,"search":"Grid"},"Gap":{"projects":0,"imports":0,"search":"Gap"},"Gallery":{"projects":2,"imports":4,"search":"Gallery"},"FormControl":{"projects":3,"imports":3,"search":"FormControl"},"FilterTag":{"projects":4,"imports":16,"search":"FilterTag"},"FileUploadItem":{"projects":17,"imports":20,"search":"FileUploadItem"},"Dropzone":{"projects":9,"imports":11,"search":"Dropzone"},"Drawer":{"projects":18,"imports":25,"search":"Drawer"},"Divider":{"projects":48,"imports":131,"search":"Divider"},"DateTimeInput":{"projects":0,"imports":0,"search":"DateTimeInput"},"DateRangeInput":{"projects":0,"imports":0,"search":"DateRangeInput"},"DateInput":{"projects":5,"imports":5,"search":"DateInput"},"CustomButton":{"projects":1,"imports":2,"search":"CustomButton"},"ConfirmationV1":{"projects":1,"imports":1,"search":"ConfirmationV1"},"Confirmation":{"projects":17,"imports":29,"search":"Confirmation*"},"Comment":{"projects":1,"imports":3,"search":"Comment"},"Collapse":{"projects":44,"imports":66,"search":"Collapse"},"CodeInput":{"projects":1,"imports":1,"search":"CodeInput"},"CircularProgressBar":{"projects":11,"imports":16,"search":"CircularProgressBar"},"CheckboxGroup":{"projects":21,"imports":37,"search":"CheckboxGroup"},"Checkbox":{"projects":74,"imports":197,"search":"Checkbox"},"Chart":{"projects":1,"imports":1,"search":"Chart"},"CDNIcon":{"projects":13,"imports":55,"search":"CDNIcon"},"CardImage":{"projects":4,"imports":4,"search":"CardImage"},"CalendarWithSkeleton":{"projects":1,"imports":1,"search":"CalendarWithSkeleton"},"CalendarRange":{"projects":10,"imports":17,"search":"CalendarRange"},"CalendarInput":{"projects":40,"imports":92,"search":"CalendarInput*"},"Calendar":{"projects":9,"imports":19,"search":"Calendar*"},"Button":{"projects":155,"imports":1690,"search":"Button"},"BottomSheet":{"projects":22,"imports":43,"search":"BottomSheet"},"BaseModal":{"projects":2,"imports":2,"search":"BaseModal"},"BankCard":{"projects":1,"imports":1,"search":"BankCard"},"Badge":{"projects":66,"imports":168,"search":"Badge"},"AmountInput":{"projects":36,"imports":63,"search":"AmountInput"},"Backdrop":{"projects":4,"imports":4,"search":"Backdrop"},"Amount":{"projects":40,"imports":143,"search":"Amount"},"Alert":{"projects":60,"imports":182,"search":"Alert"},"Attach":{"projects":12,"imports":13,"search":"Attach"},"ActionButton":{"projects":1,"imports":1,"search":"ActionButton"}}'),ComponentHeader_module_component="component_qx5zQ",ComponentHeader_module_text="text_TIocB",ComponentHeader_module_textMobile="textMobile_d_rnY",ComponentHeader_module_info="info_iGRHP",ComponentHeader_module_commonLink="commonLink_WJRCZ",ComponentHeader_module_links="links_kuMT8",ComponentHeader_module_usageLink="usageLink_ilI5I",ComponentHeader_module_github="github_ks4z8",ComponentHeader_module_design="design_NpKuj",mq_modern=__webpack_require__("./dist/mq/modern/index.js"),ComponentHeader=function ComponentHeader(_ref){var _usages$name,_usages$name2,_usages$name3,_usages$name4,_usages$name5,_usages$name6,name=_ref.name,design=_ref.design,children=_ref.children,_useMatchMedia=(0,mq_modern.useMatchMedia)("--tablet-m"),isDesktop=(0,slicedToArray.Z)(_useMatchMedia,1)[0],packageName=name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g,"$1-$2").toLowerCase(),githubLink="https://github.com/core-ds/core-components/tree/master/packages/".concat(packageName),Title=isDesktop?typography_modern.Typography.Title:typography_modern.Typography.TitleMobile;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("sb-unstyled",ComponentHeader_module_component),children:[(0,jsx_runtime.jsx)(Title,{tag:"h1",view:"xlarge",children:name}),children&&(0,jsx_runtime.jsx)(typography_modern.Typography.Text,{tag:"p",view:"primary-medium",className:classnames_default()(ComponentHeader_module_text,(0,defineProperty.Z)({},ComponentHeader_module_textMobile,!isDesktop)),children:children}),(0,jsx_runtime.jsxs)("div",{className:ComponentHeader_module_links,children:[(0,jsx_runtime.jsx)("a",{className:classnames_default()(ComponentHeader_module_design,(0,defineProperty.Z)({},ComponentHeader_module_commonLink,!design)),href:design||"https://www.figma.com/file/cdNnkh2QdxuvYLrBm4cubM/Web-%3A%3A-Core-Default-Components",target:"_blank",children:"Figma"}),(0,jsx_runtime.jsxs)("a",{className:ComponentHeader_module_github,href:githubLink,target:"_blank",children:[(0,jsx_runtime.jsx)(GithubIcon.E,{fill:"var(--color-light-graphic-primary)"}),"Github"]})]}),(0,jsx_runtime.jsx)(space_modern.Space,{direction:"horizontal",align:"center",className:ComponentHeader_module_info,children:(null===(_usages$name=usages_namespaceObject[name])||void 0===_usages$name?void 0:_usages$name.projects)>0&&(0,jsx_runtime.jsxs)(typography_modern.Typography.Text,{view:"primary-small",color:"secondary",children:["Используется в"," ",(0,jsx_runtime.jsxs)(modern.Link,{href:"http://design/design-system-usage/usage-chart?component=".concat(null===(_usages$name2=usages_namespaceObject[name])||void 0===_usages$name2?void 0:_usages$name2.search),target:"_blank",view:"secondary",underline:!1,title:"Необходимо подключение к VPN",className:ComponentHeader_module_usageLink,children:[null===(_usages$name3=usages_namespaceObject[name])||void 0===_usages$name3?void 0:_usages$name3.projects," ",(0,dist_esm._6)(null===(_usages$name4=usages_namespaceObject[name])||void 0===_usages$name4?void 0:_usages$name4.projects,"проекте","проектах","проектах")]})," и ","~",null===(_usages$name5=usages_namespaceObject[name])||void 0===_usages$name5?void 0:_usages$name5.imports," ",(0,dist_esm._6)(null===(_usages$name6=usages_namespaceObject[name])||void 0===_usages$name6?void 0:_usages$name6.imports,"файле","файлах","файлах")]})})]})};try{ComponentHeader.displayName="ComponentHeader",ComponentHeader.__docgenInfo={description:"",displayName:"ComponentHeader",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"string"}},design:{defaultValue:null,description:"",name:"design",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"]={docgenInfo:ComponentHeader.__docgenInfo,name:"ComponentHeader",path:".storybook/blocks/component-header/ComponentHeader.tsx#ComponentHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./.storybook/blocks/grid/index.ts");var _TabTitle,tabs_modern=__webpack_require__("./dist/tabs/modern/index.js"),tabs_index_module_tabs="tabs_BRA6G",TabName=function(TabName){return TabName.DESCRIPTION="DESCRIPTION",TabName.PROPS="PROPS",TabName.CSS_VARS="CSS_VARS",TabName.CHANGELOG="CHANGELOG",TabName.DEVELOPMENT="DEVELOPMENT",TabName}(TabName||{}),TabTitle=(_TabTitle={},(0,defineProperty.Z)(_TabTitle,TabName.DESCRIPTION,"Описание"),(0,defineProperty.Z)(_TabTitle,TabName.PROPS,"Свойства"),(0,defineProperty.Z)(_TabTitle,TabName.CSS_VARS,"CSS-переменные"),(0,defineProperty.Z)(_TabTitle,TabName.CHANGELOG,"Обновления"),(0,defineProperty.Z)(_TabTitle,TabName.DEVELOPMENT,"Разработчику"),_TabTitle),Tabs=function Tabs(_ref){var description=_ref.description,props=_ref.props,cssVars=_ref.cssVars,changelog=_ref.changelog,_ref$defaultSelected=_ref.defaultSelected,defaultSelected=void 0===_ref$defaultSelected?TabName.DESCRIPTION:_ref$defaultSelected,development=_ref.development,_useState=(0,react.useState)(defaultSelected),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1],handleChange=(0,react.useCallback)((function(_,_ref2){var selectedId=_ref2.selectedId;setSelected(selectedId)}),[]),tabs=(0,react.useMemo)((function(){return function renderTabs(){return[(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DESCRIPTION],id:TabName.DESCRIPTION,children:description},"description"),props?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.PROPS],id:TabName.PROPS,children:props},"props"):null,cssVars?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CSS_VARS],id:TabName.CSS_VARS,children:cssVars},"css-vars"):null,development?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.DEVELOPMENT],id:TabName.DEVELOPMENT,children:development},"development"):null,changelog?(0,jsx_runtime.jsx)(tabs_modern.Tab,{title:TabTitle[TabName.CHANGELOG],id:TabName.CHANGELOG,children:(0,jsx_runtime.jsx)("div",{style:{marginTop:"32px"},children:(0,jsx_runtime.jsx)(Changelog,{content:changelog})})},"changelog"):null].filter(react.isValidElement)}()}),[description,props,cssVars]);return(0,jsx_runtime.jsx)(tabs_modern.Tabs,{className:"sb-unstyled",selectedId:selected,onChange:handleChange,containerClassName:tabs_index_module_tabs,children:tabs})};try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"ReactNode"}},props:{defaultValue:null,description:"",name:"props",required:!0,type:{name:"ReactNode"}},cssVars:{defaultValue:null,description:"",name:"cssVars",required:!1,type:{name:"ReactNode"}},changelog:{defaultValue:null,description:"",name:"changelog",required:!1,type:{name:"string"}},defaultSelected:{defaultValue:{value:"TabName.DESCRIPTION"},description:"",name:"defaultSelected",required:!1,type:{name:"enum",value:[{value:'"DESCRIPTION"'},{value:'"PROPS"'},{value:'"CSS_VARS"'},{value:'"CHANGELOG"'},{value:'"DEVELOPMENT"'}]}},development:{defaultValue:null,description:"",name:"development",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/blocks/tabs/component.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:".storybook/blocks/tabs/component.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/components/icons/GithubIcon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return GithubIcon}});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GithubIcon=function GithubIcon(_ref){var _ref$fill=_ref.fill,fill=void 0===_ref$fill?"#24292E":_ref$fill,_ref$width=_ref.width,width=void 0===_ref$width?32:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?32:_ref$height;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:width,height:height,viewBox:"0 0 32 32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z",fill:fill})})};GithubIcon.__docgenInfo={description:"",methods:[],displayName:"GithubIcon",props:{fill:{defaultValue:{value:"'#24292E'",computed:!1},required:!1},width:{defaultValue:{value:"32",computed:!1},required:!1},height:{defaultValue:{value:"32",computed:!1},required:!1}}}},"./packages/input-autocomplete/src/Component.desktop.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{$:function(){return InputAutocompleteDesktop}});var objectSpread2=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("./node_modules/react/index.js"),shared=__webpack_require__("./dist/select/modern/shared.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react_merge_refs_esm=__webpack_require__("./node_modules/react-merge-refs/dist/react-merge-refs.esm.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),desktop=__webpack_require__("./dist/input/modern/desktop.js"),index_module_arrow="arrow_RWc1Z",index_module_error="error_HXxNm",jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),AutocompleteField=function AutocompleteField(_ref){var label=_ref.label,_ref$labelView=_ref.labelView,labelView=void 0===_ref$labelView?"inner":_ref$labelView,placeholder=_ref.placeholder,size=_ref.size,Arrow=_ref.Arrow,_ref$Input=_ref.Input,Input=void 0===_ref$Input?desktop.InputDesktop:_ref$Input,value=_ref.value,error=_ref.error,success=_ref.success,hint=_ref.hint,disabled=_ref.disabled,readOnly=_ref.readOnly,onInput=_ref.onInput,_ref$inputProps=_ref.inputProps,inputProps=void 0===_ref$inputProps?{}:_ref$inputProps,innerProps=_ref.innerProps,inputRef=(0,react.useRef)(null),onClick=innerProps.onClick,onFocus=innerProps.onFocus,inputDisabled=disabled||readOnly,handleClick=(0,react.useCallback)((function(event){onClick&&onClick(event),inputRef.current&&inputRef.current.focus()}),[onClick]);return(0,jsx_runtime.jsx)(Input,(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},inputProps),innerProps),{},{wrapperRef:(0,react_merge_refs_esm.Z)([innerProps.ref,inputProps.wrapperRef]),ref:(0,react_merge_refs_esm.Z)([inputRef,inputProps.ref]),disabled:disabled,readOnly:readOnly,block:!0,label:label,labelView:labelView,placeholder:placeholder,size:size,error:error,success:success,hint:hint,onChange:onInput,onClick:inputDisabled?void 0:handleClick,onFocus:inputDisabled?void 0:onFocus,autoComplete:"off",value:value,rightAddons:(Arrow||inputProps.rightAddons)&&(0,jsx_runtime.jsxs)(react.Fragment,{children:[inputProps.rightAddons,Arrow&&(0,jsx_runtime.jsx)("span",{className:classnames_default()(index_module_arrow,(0,defineProperty.Z)({},index_module_error,error)),children:Arrow})]})}))};try{AutocompleteField.displayName="AutocompleteField",AutocompleteField.__docgenInfo={description:"",displayName:"AutocompleteField",props:{className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},selected:{defaultValue:null,description:"Выбранный пункт",name:"selected",required:!1,type:{name:"OptionShape"}},selectedMultiple:{defaultValue:null,description:"Список выбранных пунктов",name:"selectedMultiple",required:!1,type:{name:"OptionShape[]"}},setSelectedItems:{defaultValue:null,description:"Метод для ручной установки выбранных пунктов",name:"setSelectedItems",required:!0,type:{name:"(selected: OptionShape[]) => void"}},toggleMenu:{defaultValue:null,description:"Метод переключающий видимость выпадающего списка",name:"toggleMenu",required:!0,type:{name:"() => void"}},multiple:{defaultValue:null,description:"Флаг, можно ли выбрать несколько значений",name:"multiple",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Флаг, открыто ли меню",name:"open",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"Флаг, поле заблокировано",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:{value:"inner"},description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},placeholder:{defaultValue:null,description:"Плейсхолдер поля",name:"placeholder",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},success:{defaultValue:null,description:"Отображение иконки успеха",name:"success",required:!1,type:{name:"boolean"}},hint:{defaultValue:null,description:"Подсказка под полем",name:"hint",required:!1,type:{name:"ReactNode"}},Arrow:{defaultValue:null,description:"Компонент стрелки",name:"Arrow",required:!1,type:{name:"false | ReactElement> | null"}},valueRenderer:{defaultValue:null,description:"Кастомный рендер выбранного пункта",name:"valueRenderer",required:!1,type:{name:"(({ selected, selectedMultiple, }: { selected?: OptionShape; selectedMultiple: OptionShape[]; }) => ReactNode)"}},innerProps:{defaultValue:null,description:"Внутренние свойства, которые должны быть установлены компоненту.",name:"innerProps",required:!0,type:{name:"{ onBlur?: ((event: FocusEvent) => void) | undefined; onFocus?: ((event: FocusEvent) => void) | undefined; onClick?: ((event: MouseEvent<...>) => void) | undefined; tabIndex?: number | undefined; id: string; } & RefAttributes<......"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},onInput:{defaultValue:null,description:"Обработчик ввода",name:"onInput",required:!1,type:{name:"((event: ChangeEvent) => void)"}},value:{defaultValue:null,description:"Значение поля ввода",name:"value",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"Поле доступно только для чтения",name:"readOnly",required:!1,type:{name:"boolean"}},Input:{defaultValue:{value:"forwardRef((restProps, ref) => (\n \n))"},description:"Компонент ввода значения",name:"Input",required:!1,type:{name:'FC & { breakpoint?: number; defaultMatchMediaValue?: boolean | (() => boolean); } & RefAttributes<...>> | undefined'}},inputProps:{defaultValue:{value:"{}"},description:"Пропсы, которые будут прокинуты в инпут",name:"inputProps",required:!1,type:{name:'(Omit & { breakpoint?: number; defaultMatchMediaValue?: boolean | (() => boolean); } & Record<...>) | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/input-autocomplete/src/autocomplete-field/Component.tsx#AutocompleteField"]={docgenInfo:AutocompleteField.__docgenInfo,name:"AutocompleteField",path:"packages/input-autocomplete/src/autocomplete-field/Component.tsx#AutocompleteField"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["OptionsList","Optgroup","Option","Input","inputProps","onInput","value","success","readOnly","closeOnSelect","options"],InputAutocompleteDesktop=(0,react.forwardRef)((function(_ref,ref){var _ref$OptionsList=_ref.OptionsList,OptionsList=void 0===_ref$OptionsList?shared.OptionsList:_ref$OptionsList,_ref$Optgroup=_ref.Optgroup,Optgroup=void 0===_ref$Optgroup?shared.Optgroup:_ref$Optgroup,_ref$Option=_ref.Option,Option=void 0===_ref$Option?shared.Option:_ref$Option,Input=_ref.Input,_ref$inputProps=_ref.inputProps,inputProps=void 0===_ref$inputProps?{}:_ref$inputProps,onInput=_ref.onInput,value=_ref.value,success=_ref.success,readOnly=_ref.readOnly,_ref$closeOnSelect=_ref.closeOnSelect,closeOnSelect=void 0!==_ref$closeOnSelect&&_ref$closeOnSelect,options=_ref.options,restProps=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsx)(shared.BaseSelect,(0,objectSpread2.Z)({ref:ref,autocomplete:!0,options:options,closeOnSelect:closeOnSelect,Option:Option,Field:AutocompleteField,fieldProps:{Input:Input,onInput:onInput,value:value,inputProps:inputProps,readOnly:readOnly,success:success},Optgroup:Optgroup,OptionsList:OptionsList},restProps))}));try{InputAutocompleteDesktop.displayName="InputAutocompleteDesktop",InputAutocompleteDesktop.__docgenInfo={description:"",displayName:"InputAutocompleteDesktop",props:{className:{defaultValue:null,description:"Дополнительный класс",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Идентификатор для систем автоматизированного тестирования",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"Размер компонента",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},block:{defaultValue:null,description:"Растягивает компонент на ширину контейнера",name:"block",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"Атрибут id",name:"id",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Плейсхолдер поля",name:"placeholder",required:!1,type:{name:"string"}},onFocus:{defaultValue:null,description:"Обработчик блюра поля",name:"onFocus",required:!1,type:{name:"((event: FocusEvent) => void)"}},onBlur:{defaultValue:null,description:"Обработчик фокуса поля",name:"onBlur",required:!1,type:{name:"((event: FocusEvent) => void)"}},onChange:{defaultValue:null,description:"Обработчик выбора",name:"onChange",required:!1,type:{name:"((payload: BaseSelectChangePayload) => void)"}},onScroll:{defaultValue:null,description:"Обработчик скрола",name:"onScroll",required:!1,type:{name:"((event: MouseEvent) => void)"}},disabled:{defaultValue:null,description:"Управление возможностью выбора значения",name:"disabled",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"Атрибут name",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Лейбл поля",name:"label",required:!1,type:{name:"ReactNode"}},onOpen:{defaultValue:null,description:"Обработчик открытия\\закрытия селекта",name:"onOpen",required:!1,type:{name:"((payload: { open?: boolean; name?: string; }) => void) | undefined"}},open:{defaultValue:null,description:"Управление открытием",name:"open",required:!1,type:{name:"boolean"}},updatePopover:{defaultValue:null,description:"Хранит функцию, с помощью которой можно обновить положение поповера",name:"updatePopover",required:!1,type:{name:"MutableRefObject<() => void>"}},hint:{defaultValue:null,description:"Подсказка под полем",name:"hint",required:!1,type:{name:"ReactNode"}},preventFlip:{defaultValue:null,description:"Запрещает поповеру менять свою позицию.\nНапример, если места снизу недостаточно,то он все равно будет показан снизу",name:"preventFlip",required:!1,type:{name:"boolean"}},multiple:{defaultValue:null,description:"Возможность выбрать несколько значений",name:"multiple",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Отображение ошибки",name:"error",required:!1,type:{name:"ReactNode"}},labelView:{defaultValue:null,description:"Вид лейбла внутри / снаружи",name:"labelView",required:!1,type:{name:"enum",value:[{value:'"inner"'},{value:'"outer"'}]}},fieldClassName:{defaultValue:null,description:"Дополнительный класс для поля",name:"fieldClassName",required:!1,type:{name:"string"}},selected:{defaultValue:null,description:"Список value выбранных пунктов (controlled-селект)",name:"selected",required:!1,type:{name:"string | OptionShape | (string | OptionShape)[] | null"}},autocomplete:{defaultValue:null,description:"Возможность использовать селект как input-autocomplete",name:"autocomplete",required:!1,type:{name:"boolean"}},optionsListClassName:{defaultValue:null,description:"Дополнительный класс выпадающего меню",name:"optionsListClassName",required:!1,type:{name:"string"}},optionClassName:{defaultValue:null,description:"Дополнительный класс для пункта меню",name:"optionClassName",required:!1,type:{name:"string"}},optionGroupClassName:{defaultValue:null,description:"Дополнительный класс для компонента группы пунктов",name:"optionGroupClassName",required:!1,type:{name:"string"}},popperClassName:{defaultValue:null,description:"Дополнительный класс для поповера",name:"popperClassName",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"Список вариантов выбора",name:"options",required:!0,type:{name:"(OptionShape | GroupShape)[]"}},defaultOpen:{defaultValue:null,description:"Начальное состояние селекта",name:"defaultOpen",required:!1,type:{name:"boolean"}},optionsSize:{defaultValue:null,description:"Размер пунктов меню",name:"optionsSize",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},optionsListWidth:{defaultValue:null,description:"Управляет шириной выпадающего меню.\nШирину определяет контент, либо ширина равна ширине поля",name:"optionsListWidth",required:!1,type:{name:"enum",value:[{value:'"content"'},{value:'"field"'}]}},allowUnselect:{defaultValue:null,description:"Позволяет снять выбранное значение",name:"allowUnselect",required:!1,type:{name:"boolean"}},closeOnSelect:{defaultValue:{value:"false"},description:"Закрывать меню после выбора?",name:"closeOnSelect",required:!1,type:{name:"boolean"}},circularNavigation:{defaultValue:null,description:"При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.",name:"circularNavigation",required:!1,type:{name:"boolean"}},popoverPosition:{defaultValue:null,description:"Позиционирование выпадающего списка",name:"popoverPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"right"'},{value:'"left"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'}]}},visibleOptions:{defaultValue:null,description:"Количество видимых пунктов меню (5 = 5.5)",name:"visibleOptions",required:!1,type:{name:"number"}},valueRenderer:{defaultValue:null,description:"Кастомный рендер выбранного пункта",name:"valueRenderer",required:!1,type:{name:"(({ selected, selectedMultiple, }: { selected?: OptionShape; selectedMultiple: OptionShape[]; }) => ReactNode)"}},Arrow:{defaultValue:null,description:"Компонент стрелки",name:"Arrow",required:!1,type:{name:"false | FC | null"}},fieldProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент поля",name:"fieldProps",required:!1,type:{name:"unknown"}},optionsListProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент списка",name:"optionsListProps",required:!1,type:{name:"unknown"}},optionProps:{defaultValue:null,description:"Пропсы, которые будут прокинуты в компонент пункта меню",name:"optionProps",required:!1,type:{name:"unknown"}},OptionsList:{defaultValue:{value:"forwardRef(\n (\n {\n size = 's',\n className,\n optionGroupClassName,\n scrollbarClassName,\n Option,\n getOptionProps,\n options = [],\n Optgroup = DefaultOptgroup,\n dataTestId,\n emptyPlaceholder,\n visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n onScroll,\n open,\n header,\n footer,\n showFooter = true,\n optionsListWidth,\n nativeScrollbar: nativeScrollbarProp,\n flatOptions = [],\n },\n ref,\n ) => {\n let [nativeScrollbar] = useMedia([[true, '(max-width: 1023px)']], false);\n\n nativeScrollbar = Boolean(nativeScrollbarProp ?? nativeScrollbar);\n\n const renderOption = (option: OptionShape, index: number) => (\n