@alfalab/core-components 48.9.0-beta.0 → 48.9.0-beta.2

package/tabs/esm/components/secondary-tablist/Component.responsive.js

@@ -18,7 +18,7 @@ import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-490a3c25.js';
+import '../../index.module-a7852212.js';
 import '../../../../tag/esm/mobile';
 
 var SecondaryTabListResponsive = function (_a) {

package/tabs/esm/components/tabs/Component.collapsible.js

@@ -17,7 +17,7 @@ import '../../../../shared/esm';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-da2d7fc9.js';
+import '../../index.module-aefd41e2.js';
 
 var TabsCollapsible = function (_a) {
     var restProps = __rest(_a, []);

package/tabs/esm/components/tabs/Component.desktop.js

@@ -20,10 +20,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-da2d7fc9.js';
+import '../../index.module-aefd41e2.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-490a3c25.js';
+import '../../index.module-a7852212.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

package/tabs/esm/components/tabs/Component.mobile.js

@@ -20,10 +20,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-da2d7fc9.js';
+import '../../index.module-aefd41e2.js';
 import '../../../../tag/esm/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-490a3c25.js';
+import '../../index.module-a7852212.js';
 
 var views = {
     primary: PrimaryTabListMobile,

package/tabs/esm/components/tabs/Component.responsive.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-da2d7fc9.js';
+import '../../index.module-aefd41e2.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-490a3c25.js';
+import '../../index.module-a7852212.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/esm/mobile';
 

package/tabs/esm/desktop/index.js

@@ -21,8 +21,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-da2d7fc9.js';
+import '../index.module-aefd41e2.js';
 import '../../../tag/esm/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-490a3c25.js';
+import '../index.module-a7852212.js';
 import '../components/tabs/Component.js';

package/tabs/esm/index.js

@@ -23,12 +23,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/esm';
-import './index.module-da2d7fc9.js';
+import './index.module-aefd41e2.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/esm/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-490a3c25.js';
+import './index.module-a7852212.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/esm/mobile';
 import './components/tabs/Component.js';

package/tabs/esm/mobile/index.js

@@ -21,8 +21,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-da2d7fc9.js';
+import '../index.module-aefd41e2.js';
 import '../../../tag/esm/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-490a3c25.js';
+import '../index.module-a7852212.js';
 import '../components/tabs/Component.js';

package/tabs/modern/collapsible/index.js

@@ -17,5 +17,5 @@ import '../../../shared/modern';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-2f4662e3.js';
+import '../index.module-60fe1e9b.js';
 import '../components/tabs/Component.js';

package/tabs/modern/components/primary-tablist/Component.collapsible.js

@@ -6,7 +6,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/modern/desktop';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-2f4662e3.js';
+import { s as styles } from '../../index.module-60fe1e9b.js';
 import '../../../../mq/modern';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/modern/components/primary-tablist/Component.desktop.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-2f4662e3.js';
+import { s as styles } from '../../index.module-60fe1e9b.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.mobile.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-2f4662e3.js';
+import { s as styles$1 } from '../../index.module-60fe1e9b.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.responsive.js

@@ -19,7 +19,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-2f4662e3.js';
+import '../../index.module-60fe1e9b.js';
 
 const PrimaryTabListResponsive = ({ size, breakpoint, client, fullWidthScroll, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', ...restProps }) => {
     const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);

package/tabs/modern/components/secondary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-8bd82e00.js';
+import { c as commonStyles } from '../../index.module-6070f379.js';
 import 'classnames';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/modern/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-8bd82e00.js';
+import { c as commonStyles } from '../../index.module-6070f379.js';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -17,7 +17,7 @@ import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-8bd82e00.js';
+import '../../index.module-6070f379.js';
 import '../../../../tag/modern/mobile';
 
 const SecondaryTabListResponsive = ({ fullWidthScroll, breakpoint, client, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', ...restProps }) => {

package/tabs/modern/components/tabs/Component.collapsible.js

@@ -16,7 +16,7 @@ import '../../../../shared/modern';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-2f4662e3.js';
+import '../../index.module-60fe1e9b.js';
 
 const TabsCollapsible = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabList, ...restProps }));
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-2f4662e3.js';
+import '../../index.module-60fe1e9b.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-8bd82e00.js';
+import '../../index.module-6070f379.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

package/tabs/modern/components/tabs/Component.mobile.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-2f4662e3.js';
+import '../../index.module-60fe1e9b.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-8bd82e00.js';
+import '../../index.module-6070f379.js';
 
 const views = {
     primary: PrimaryTabListMobile,

package/tabs/modern/components/tabs/Component.responsive.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-2f4662e3.js';
+import '../../index.module-60fe1e9b.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-8bd82e00.js';
+import '../../index.module-6070f379.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

package/tabs/modern/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-2f4662e3.js';
+import '../index.module-60fe1e9b.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-8bd82e00.js';
+import '../index.module-6070f379.js';
 import '../components/tabs/Component.js';

package/tabs/modern/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/modern';
-import './index.module-2f4662e3.js';
+import './index.module-60fe1e9b.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-8bd82e00.js';
+import './index.module-6070f379.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-2f4662e3.js';
+import '../index.module-60fe1e9b.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-8bd82e00.js';
+import '../index.module-6070f379.js';
 import '../components/tabs/Component.js';

package/textarea/Component.js

@@ -9,7 +9,7 @@ var coreComponentsFormControl = require('../form-control');
 var coreComponentsMq = require('../mq');
 var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
-var components_PseudoTextArea = require('./PseudoTextArea-2f74fe87.js');
+var components_PseudoTextArea = require('./PseudoTextArea-c5f855a9.js');
 var consts = require('./consts.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/textarea/components/PseudoTextArea.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../consts.js');
-var components_PseudoTextArea = require('../PseudoTextArea-2f74fe87.js');
+var components_PseudoTextArea = require('../PseudoTextArea-c5f855a9.js');
 
 
 

package/textarea/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-2f74fe87";
+export * from "../PseudoTextArea-c5f855a9";

package/textarea/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_PseudoTextArea = require('../PseudoTextArea-2f74fe87.js');
+var components_PseudoTextArea = require('../PseudoTextArea-c5f855a9.js');
 
 
 

package/textarea/esm/Component.js

@@ -7,7 +7,7 @@ import { FormControl } from '../../form-control/esm';
 import { useIsDesktop } from '../../mq/esm';
 import { getDataTestId } from '../../shared/esm';
 import { useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-a2a9e826.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-d95432f5.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 var defaultColors = {"input":"textarea__input_r2etn","hasInnerLabel":"textarea__hasInnerLabel_r2etn","disableUserInput":"textarea__disableUserInput_r2etn","error":"textarea__error_r2etn","textarea":"textarea__textarea_r2etn","hint":"textarea__hint_r2etn"};

package/textarea/esm/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-a2a9e826.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-d95432f5.js';
 import '../consts.js';

package/textarea/esm/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-a2a9e826";
+export * from "../PseudoTextArea-d95432f5";

package/textarea/esm/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-a2a9e826.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-d95432f5.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/esm/index.js

@@ -8,5 +8,5 @@ import '../../form-control/esm';
 import '../../mq/esm';
 import '../../shared/esm';
 import '@alfalab/hooks';
-import './PseudoTextArea-a2a9e826.js';
+import './PseudoTextArea-d95432f5.js';
 import './consts.js';

package/textarea/modern/Component.js

@@ -6,7 +6,7 @@ import { FormControl } from '../../form-control/modern';
 import { useIsDesktop } from '../../mq/modern';
 import { getDataTestId } from '../../shared/modern';
 import { useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-2264d209.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-bd97713f.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 const defaultColors = {"input":"textarea__input_r2etn","hasInnerLabel":"textarea__hasInnerLabel_r2etn","disableUserInput":"textarea__disableUserInput_r2etn","error":"textarea__error_r2etn","textarea":"textarea__textarea_r2etn","hint":"textarea__hint_r2etn"};

package/textarea/modern/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-2264d209.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-bd97713f.js';
 import '../consts.js';

package/textarea/modern/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-2264d209";
+export * from "../PseudoTextArea-bd97713f";

package/textarea/modern/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-2264d209.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-bd97713f.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/modern/index.js

@@ -7,5 +7,5 @@ import '../../form-control/modern';
 import '../../mq/modern';
 import '../../shared/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-2264d209.js';
+import './PseudoTextArea-bd97713f.js';
 import './consts.js';

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,4 +1,25 @@
-.badge__component_1nphh.badge__background-accent_1nphh {
+.card-image__cardImage_i6eij {
+    background: #e7e8ea;
+} .card-image__loaded_i6eij {
+    background: transparent
+}.backdrop__backdrop_1cdt1 {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1cdt1,
+.backdrop__enter_1cdt1 {
+    background-color: transparent;
+} .backdrop__appearActive_1cdt1,
+.backdrop__enterActive_1cdt1,
+.backdrop__appearDone_1cdt1,
+.backdrop__enterDone_1cdt1 {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_1cdt1 {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_1cdt1,
+.backdrop__exitDone_1cdt1 {
+    background-color: transparent;
+} .backdrop__transparent_1cdt1.backdrop__transparent_1cdt1 {
+    background-color: transparent;
+}.badge__component_1nphh.badge__background-accent_1nphh {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_1nphh.badge__background-specialbg-secondary-transparent_1nphh {
@@ -58,27 +79,6 @@
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_1nphh.badge__outlineCount_1nphh {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.backdrop__backdrop_1cdt1 {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1cdt1,
-.backdrop__enter_1cdt1 {
-    background-color: transparent;
-} .backdrop__appearActive_1cdt1,
-.backdrop__enterActive_1cdt1,
-.backdrop__appearDone_1cdt1,
-.backdrop__enterDone_1cdt1 {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_1cdt1 {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_1cdt1,
-.backdrop__exitDone_1cdt1 {
-    background-color: transparent;
-} .backdrop__transparent_1cdt1.backdrop__transparent_1cdt1 {
-    background-color: transparent;
-}.card-image__cardImage_i6eij {
-    background: #e7e8ea;
-} .card-image__loaded_i6eij {
-    background: transparent
 }.divider__component_whwkb {
     border-bottom: 1px solid #353539;
 }.dropzone__component_18vwu {
@@ -170,7 +170,14 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_149tj {
         background: #f83a2a;
-    }.indicator__component_19qzv {
+    }.icon-view__component_rb6ah {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_rb6ah {
+    fill: #1c1c1e;
+} .icon-view__border_rb6ah {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.indicator__component_19qzv {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_19qzv {
@@ -188,14 +195,7 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_19qzv.indicator__border_19qzv {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_rb6ah {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_rb6ah {
-    fill: #1c1c1e;
-} .icon-view__border_rb6ah {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}@keyframes loader__blink_1atex {
+    }@keyframes loader__blink_1atex {
 }.link__primary_10l9t {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -294,41 +294,7 @@
             background-color: rgba(9, 12, 37, 0.28);
         } .scrollbar__component_1e534.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.segmented-control__wrapper_dxnsg {
-    background-color: rgba(225, 225, 248, 0.09);
-} .segmented-control__segment_dxnsg.segmented-control__selected_dxnsg {
-    color: rgba(255, 255, 255, 0.94);
-} .segmented-control__selectedBox_dxnsg {
-    border: 0.5px solid rgba(225, 225, 248, 0.09);
-    background-color: rgba(214, 214, 229, 0.07);
-}
-.segmented-control__selectedBox_q7n3e {
-    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
-        0 0 1px rgba(0, 0, 0, 0.04);
-}
-.segmented-control__wrapper_kaaqt {
-    background-color: rgba(30, 43, 68, 0.08);
-} .segmented-control__segment_kaaqt.segmented-control__selected_kaaqt {
-    color: rgba(3, 3, 6, 0.88);
-} .segmented-control__selectedBox_kaaqt {
-    border: 0.5px solid rgba(30, 43, 68, 0.08);
-    background-color: #fff;
-}
-.segmented-control__segment_x8y9k {
-    color: rgba(255, 255, 255, 0.94)
-} .segmented-control__segment_x8y9k:not(:first-child):before {
-        background-color: rgba(222, 222, 238, 0.13);
-    }
-.segmented-control__segment_orx8x {
-    background-color: transparent
-} .segmented-control__focused_orx8x {
-    outline: 2px solid #3193fc;
-}
-.segmented-control__segment_1stce {
-    color: rgba(3, 3, 6, 0.88)
-} .segmented-control__segment_1stce:not(:first-child):before {
-        background-color: rgba(15, 25, 55, 0.1);
-    }.skeleton__component_1k1f0 {
+        }.skeleton__component_1k1f0 {
     background: rgba(214, 214, 229, 0.07);
 } @keyframes skeleton__background_1k1f0 {
     0% {
@@ -370,6 +336,40 @@
         background: #f83a2a;
     } .slider__component_62ktp .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
+    }.segmented-control__wrapper_dxnsg {
+    background-color: rgba(225, 225, 248, 0.09);
+} .segmented-control__segment_dxnsg.segmented-control__selected_dxnsg {
+    color: rgba(255, 255, 255, 0.94);
+} .segmented-control__selectedBox_dxnsg {
+    border: 0.5px solid rgba(225, 225, 248, 0.09);
+    background-color: rgba(214, 214, 229, 0.07);
+}
+.segmented-control__selectedBox_q7n3e {
+    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
+        0 0 1px rgba(0, 0, 0, 0.04);
+}
+.segmented-control__wrapper_kaaqt {
+    background-color: rgba(30, 43, 68, 0.08);
+} .segmented-control__segment_kaaqt.segmented-control__selected_kaaqt {
+    color: rgba(3, 3, 6, 0.88);
+} .segmented-control__selectedBox_kaaqt {
+    border: 0.5px solid rgba(30, 43, 68, 0.08);
+    background-color: #fff;
+}
+.segmented-control__segment_x8y9k {
+    color: rgba(255, 255, 255, 0.94)
+} .segmented-control__segment_x8y9k:not(:first-child):before {
+        background-color: rgba(222, 222, 238, 0.13);
+    }
+.segmented-control__segment_orx8x {
+    background-color: transparent
+} .segmented-control__focused_orx8x {
+    outline: 2px solid #3193fc;
+}
+.segmented-control__segment_1stce {
+    color: rgba(3, 3, 6, 0.88)
+} .segmented-control__segment_1stce:not(:first-child):before {
+        background-color: rgba(15, 25, 55, 0.1);
     }.status__soft_6ae6l.status__green_6ae6l, .status__muted-alt_6ae6l.status__green_6ae6l {
             background: #d1f1d7;
             color: #0d9336;

package/{calendar/cssm/components/calendar-mobile/calendarMonthOnlyView.d.ts → universal-date-input/calendarMonthOnlyView-1b7292c5.d.ts}

@@ -4,7 +4,7 @@ declare const CalendarMonthOnlyView: ({ value, mode, rangeBehavior, month: month
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & {
+} & Omit<import("./index-63dec22f").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & {
     clickableMonth?: boolean | undefined;
 }) => React.JSX.Element;
 export { CalendarMonthOnlyView };

package/universal-date-input/cssm/calendarMonthOnlyView-1b7292c5.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import React from 'react';
+declare const CalendarMonthOnlyView: ({ value, mode, rangeBehavior, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp, offDays, events, holidays, onChange, onMonthTitleClick, selectedFrom, selectedTo, yearsAmount, dayAddons, shape, scrollableContainer, clickableMonth, }: {
+    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
+    yearsAmount?: number | undefined;
+    scrollableContainer?: HTMLElement | undefined;
+} & Omit<import("./index-63dec22f").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & {
+    clickableMonth?: boolean | undefined;
+}) => React.JSX.Element;
+export { CalendarMonthOnlyView };