@alfalab/core-components 29.0.0-beta.1 → 29.1.0

package/bottom-sheet/{component-0812edc4.js → component-4d7d41d3.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-c1e2e5e5.js');
+var tslib_es6 = require('./tslib.es6-4d0eddb1.js');
 var React = require('react');
 var cn = require('classnames');
 var reactDiv100vh = require('react-div-100vh');

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-c1e2e5e5.js');
+require('./tslib.es6-4d0eddb1.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-0812edc4.js');
+var components_header_Component = require('./component-4d7d41d3.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/components/backer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-c1e2e5e5.js');
+var tslib_es6 = require('../../tslib.es6-4d0eddb1.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');

package/bottom-sheet/components/closer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-c1e2e5e5.js');
+var tslib_es6 = require('../../tslib.es6-4d0eddb1.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../base-modal');

package/bottom-sheet/components/header/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-c1e2e5e5.js');
+require('../../tslib.es6-4d0eddb1.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('../closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('../backer/Component.js');
-var components_header_Component = require('../../component-0812edc4.js');
+var components_header_Component = require('../../component-4d7d41d3.js');
 require('../footer/Component.js');
 require('../../../backdrop');
 require('../swipeable-backdrop/Component.js');

package/bottom-sheet/components/swipeable-backdrop/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-c1e2e5e5.js');
+var tslib_es6 = require('../../tslib.es6-4d0eddb1.js');
 var React = require('react');
 var coreComponentsBackdrop = require('../../../backdrop');
 

package/bottom-sheet/esm/{component-d697b6b3.js → component-8e36f4ef.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-059f55fa.js';
+import { _ as __assign } from './tslib.es6-2b12f382.js';
 import React, { useContext, useEffect, forwardRef, useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 import { use100vh } from 'react-div-100vh';

package/bottom-sheet/esm/component.js

@@ -1,4 +1,4 @@
-import './tslib.es6-059f55fa.js';
+import './tslib.es6-2b12f382.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/esm';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-d697b6b3.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-8e36f4ef.js';

package/bottom-sheet/esm/components/backer/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-059f55fa.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-2b12f382.js';
 import React from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';

package/bottom-sheet/esm/components/closer/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-059f55fa.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-2b12f382.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/esm';

package/bottom-sheet/esm/components/header/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-059f55fa.js';
+import '../../tslib.es6-2b12f382.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import '../backer/Component.js';
 import '../footer/Component.js';
 import '../../../../backdrop/esm';
 import '../swipeable-backdrop/Component.js';
-export { a as Header } from '../../component-d697b6b3.js';
+export { a as Header } from '../../component-8e36f4ef.js';

package/bottom-sheet/esm/components/swipeable-backdrop/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-059f55fa.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-2b12f382.js';
 import React from 'react';
 import { Backdrop } from '../../../../backdrop/esm';
 

package/bottom-sheet/esm/index.d.ts

@@ -1 +1 @@
-export * from "./component-d697b6b3";
+export * from "./component-8e36f4ef";

package/bottom-sheet/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-059f55fa.js';
+import './tslib.es6-2b12f382.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/esm';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-d697b6b3.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-8e36f4ef.js';

package/bottom-sheet/index.d.ts

@@ -1 +1 @@
-export * from "./component-0812edc4";
+export * from "./component-4d7d41d3";

package/bottom-sheet/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-c1e2e5e5.js');
+require('./tslib.es6-4d0eddb1.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-0812edc4.js');
+var components_header_Component = require('./component-4d7d41d3.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/modern/{component-3354fa74.js → component-2999e1ae.js}

@@ -190,7 +190,7 @@ const BottomSheet = forwardRef(({ open, title, actionButton, contentClassName, c
         delta: 5,
         trackMouse: swipeable,
     });
-    const handleExited = useCallback(node => {
+    const handleExited = useCallback((node) => {
         setBackdropOpacity(1);
         if (transitionProps.onExited) {
             transitionProps.onExited(node);

package/bottom-sheet/modern/component.js

@@ -12,4 +12,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/modern';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-3354fa74.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-2999e1ae.js';

package/bottom-sheet/modern/components/header/Component.js

@@ -12,4 +12,4 @@ import '../backer/Component.js';
 import '../footer/Component.js';
 import '../../../../backdrop/modern';
 import '../swipeable-backdrop/Component.js';
-export { a as Header } from '../../component-3354fa74.js';
+export { a as Header } from '../../component-2999e1ae.js';

package/bottom-sheet/modern/index.d.ts

@@ -1 +1 @@
-export * from "./component-3354fa74";
+export * from "./component-2999e1ae";

package/bottom-sheet/modern/index.js

@@ -12,4 +12,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/modern';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-3354fa74.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-2999e1ae.js';

package/button/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 type ComponentProps = {
     /**
      * Тип кнопки
@@ -9,11 +9,11 @@ type ComponentProps = {
     /**
      * Слот слева
      */
-    leftAddons?: React.ReactNode;
+    leftAddons?: ReactNode;
     /**
      * Слот справа
      */
-    rightAddons?: React.ReactNode;
+    rightAddons?: ReactNode;
     /**
      * Размер компонента
      */
@@ -50,6 +50,10 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
 type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;

package/button/cssm/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 type ComponentProps = {
     /**
      * Тип кнопки
@@ -9,11 +9,11 @@ type ComponentProps = {
     /**
      * Слот слева
      */
-    leftAddons?: React.ReactNode;
+    leftAddons?: ReactNode;
     /**
      * Слот справа
      */
-    rightAddons?: React.ReactNode;
+    rightAddons?: ReactNode;
     /**
      * Размер компонента
      */
@@ -50,6 +50,10 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
 type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;

package/button/esm/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 type ComponentProps = {
     /**
      * Тип кнопки
@@ -9,11 +9,11 @@ type ComponentProps = {
     /**
      * Слот слева
      */
-    leftAddons?: React.ReactNode;
+    leftAddons?: ReactNode;
     /**
      * Слот справа
      */
-    rightAddons?: React.ReactNode;
+    rightAddons?: ReactNode;
     /**
      * Размер компонента
      */
@@ -50,6 +50,10 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
 type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;

package/button/modern/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 type ComponentProps = {
     /**
      * Тип кнопки
@@ -9,11 +9,11 @@ type ComponentProps = {
     /**
      * Слот слева
      */
-    leftAddons?: React.ReactNode;
+    leftAddons?: ReactNode;
     /**
      * Слот справа
      */
-    rightAddons?: React.ReactNode;
+    rightAddons?: ReactNode;
     /**
      * Размер компонента
      */
@@ -50,6 +50,10 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
 type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-51ec2f52.js');
+var tslib_es6 = require('./tslib.es6-50f68eed.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfDay = require('date-fns/startOfDay');

package/calendar/components/calendar-mobile/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-51ec2f52.js');
+var tslib_es6 = require('../../tslib.es6-50f68eed.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfDay = require('date-fns/startOfDay');

package/calendar/components/calendar-mobile/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-51ec2f52.js');
+require('../../tslib.es6-50f68eed.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/days-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-51ec2f52.js');
+var tslib_es6 = require('../../tslib.es6-50f68eed.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/days-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-51ec2f52.js');
+require('../../tslib.es6-50f68eed.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/header/Component.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { SelectorView } from "../../typings";
 type HeaderProps = {
     /**
@@ -9,6 +9,10 @@ type HeaderProps = {
      * Отображать тень? (нужна при прокрутке)
      */
     withShadow?: boolean;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/calendar/components/month-year-header/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-51ec2f52.js');
+require('../../tslib.es6-50f68eed.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/month-year-header/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-51ec2f52.js');
+require('../../tslib.es6-50f68eed.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/months-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-51ec2f52.js');
+var tslib_es6 = require('../../tslib.es6-50f68eed.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/months-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-51ec2f52.js');
+require('../../tslib.es6-50f68eed.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/select-button/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-51ec2f52.js');
+var tslib_es6 = require('../../tslib.es6-50f68eed.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../button');

package/calendar/components/select-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-51ec2f52.js');
+require('../../tslib.es6-50f68eed.js');
 require('react');
 require('classnames');
 require('../../../button');

package/calendar/components/years-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-51ec2f52.js');
+var tslib_es6 = require('../../tslib.es6-50f68eed.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../button');

package/calendar/components/years-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-51ec2f52.js');
+require('../../tslib.es6-50f68eed.js');
 require('react');
 require('classnames');
 require('../../../button');

package/calendar/cssm/components/header/Component.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { SelectorView } from "../../typings";
 type HeaderProps = {
     /**
@@ -9,6 +9,10 @@ type HeaderProps = {
      * Отображать тень? (нужна при прокрутке)
      */
     withShadow?: boolean;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/calendar/cssm/components/month-year-header/index.module.css

@@ -41,6 +41,9 @@
     align-items: center;
     justify-content: center;
 }
+:global(.cc-calendar) .button {
+        border-radius: var(--border-radius-s);
+    }
 .month {
     flex-basis: 65%
 }

package/calendar/cssm/components/months-table/index.module.css

@@ -44,3 +44,47 @@
 
     /* marker */
 }
+:global(.cc-calendar) .monthsTable {
+        display: flex;
+        flex-wrap: wrap;
+        width: var(--calendar-inner-width);
+        justify-content: flex-start
+    }
+@media (max-width: 374px) {
+:global(.cc-calendar) .monthsTable {
+            width: var(--calendar-mobile-inner-width)
+    }
+        }
+:global(.cc-calendar) .monthsTable.responsive {
+            width: 100%;
+            justify-content: space-between
+        }
+:global(.cc-calendar) .monthsTable.responsive .button {
+                width: 33%;
+                margin-right: 0;
+            }
+:global(.cc-calendar) .button {
+        width: var(--calendar-select-button-width);
+        margin-right: var(--gap-2xs);
+        margin-bottom: var(--gap-xs)
+    }
+:global(.cc-calendar) .button:nth-child(3n) {
+            margin-right: 0;
+        }
+@media (max-width: 374px) {
+:global(.cc-calendar) .button {
+            width: var(--calendar-mobile-select-button-width)
+    }
+
+            :global(.cc-calendar) .button:nth-child(3n) {
+                margin-right: var(--gap-2xs);
+            }
+
+            :global(.cc-calendar) .button:nth-child(2n) {
+                margin-right: 0;
+            }
+:global(.cc-calendar) .button {
+
+            height: 36px
+    }
+        }

package/calendar/cssm/components/select-button/index.module.css

@@ -44,3 +44,39 @@
 
     /* marker */
 }
+:global(.cc-calendar) .button {
+        font-size: 16px;
+        line-height: 24px;
+        font-weight: 400;
+
+        height: 40px;
+        position: relative;
+        padding: 0 var(--gap-xs);
+        background-color: transparent;
+        border-radius: var(--border-radius-l)
+    }
+:global(.cc-calendar) .button:not(:disabled):hover {
+            background-color: var(--color-light-bg-tertiary);
+            color: var(--color-light-text-primary);
+        }
+:global(.cc-calendar) .button.filled {
+            background-color: var(--color-light-bg-tertiary)
+        }
+:global(.cc-calendar) .button.filled:not(:disabled):hover {
+                background-color: var(--color-light-bg-tertiary-shade-7);
+            }
+:global(.cc-calendar) .button.outlined {
+            border: 1px solid var(--calendar-select-button-today-border-color);
+        }
+:global(.cc-calendar) .button.selected,
+        :global(.cc-calendar) .button.selected:disabled {
+            background-color: var(--calendar-select-button-selected-background);
+            color: var(--color-light-text-primary-inverted)
+        }
+:global(.cc-calendar) .button.selected:not(:disabled):hover, :global(.cc-calendar) .button.selected:disabled:not(:disabled):hover {
+                background-color: var(--calendar-select-button-selected-background);
+                color: var(--color-light-text-primary-inverted);
+            }
+:global(.cc-calendar) .button > * {
+            flex-grow: 1;
+        }