@alfalab/core-components-tabs 7.3.2 → 7.3.4

package/cssm/components/primary-tablist/index.module.css

@@ -1,20 +1,22 @@
 :root {
+} /* deprecated */ :root {
     --color-light-border-accent: #ef3124;
     --color-light-border-link: #007aff;
     --color-light-border-primary: #dbdee1;
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
@@ -22,16 +24,13 @@
     --gap-l: 20px;
     --gap-2xl: 32px;
     --gap-2xs-neg: -4px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-:root {
+} :root {
     --primary-tablist-color: var(--color-light-text-secondary);
     --primary-tablist-hover-color: var(--color-light-text-primary);
     --primary-tablist-selected-color: var(--color-light-text-primary);
@@ -83,13 +82,11 @@
     /* size l */
 
     /* size xl */
-}
-.component {
+} .component {
     position: relative;
     display: inline-flex;
     min-width: 100%
-}
-.component:before {
+} .component:before {
         content: '';
         display: block;
         position: absolute;
@@ -97,20 +94,17 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    }
-.fullWidthScroll {
+    } .fullWidthScroll {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-}
-.container {
+} .container {
     position: relative;
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
     padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
-}
-.title {
+} .title {
     display: flex;
     align-items: center;
     height: 100%;
@@ -127,100 +121,76 @@
             user-select: none;
     cursor: pointer;
     outline: none
-}
-.title:not(.disabled):hover {
+} .title:not(.disabled):hover {
         color: var(--primary-tablist-hover-color);
-    }
-.focused {
+    } .focused {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}
-.collapsed {
+} .collapsed {
     order: 99;
     visibility: collapse;
-}
-.selected {
+} .selected {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-}
-.disabled {
+} .disabled {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-}
-.line {
+} .line {
     position: absolute;
     height: 3px;
     bottom: 0;
     left: 0;
     background-color: var(--primary-tablist-line-color);
     transition: transform 0.2s ease, width 0.2s ease;
-}
-/* sizes */
-.s .title, .xs .title, .xxs .title {
+} /* sizes */ .s .title, .xs .title, .xxs .title {
         padding: var(--primary-tablist-s-padding);
         font-size: var(--primary-tablist-s-font-size);
         font-weight: var(--primary-tablist-s-font-weight);
         font-family: var(--primary-tablist-s-font-family);
         line-height: 24px;
-    }
-.s .title + .title, .xs .title + .title, .xxs .title + .title {
+    } .s .title + .title, .xs .title + .title, .xxs .title + .title {
         margin-left: var(--primary-tablist-s-gaps);
-    }
-.s .pickerWrapper, .xs .pickerWrapper, .xxs .pickerWrapper {
+    } .s .pickerWrapper, .xs .pickerWrapper, .xxs .pickerWrapper {
         margin-left: var(--primary-tablist-s-gaps);
-    }
-.s .option, .xs .option, .xxs .option {
+    } .s .option, .xs .option, .xxs .option {
         padding: 0;
-    }
-.m .title {
+    } .m .title {
         padding: var(--primary-tablist-m-padding);
         font-size: var(--primary-tablist-m-font-size);
         font-weight: var(--primary-tablist-m-font-weight);
         font-family: var(--primary-tablist-m-font-family);
         line-height: 24px;
-    }
-.m .title + .title {
+    } .m .title + .title {
         margin-left: var(--primary-tablist-m-gaps);
-    }
-.m .pickerWrapper {
+    } .m .pickerWrapper {
         margin-left: var(--primary-tablist-m-gaps);
-    }
-.m .option {
+    } .m .option {
         padding: 0;
-    }
-.l .title {
+    } .l .title {
         padding: var(--primary-tablist-l-padding);
         font-size: var(--primary-tablist-l-font-size);
         font-weight: var(--primary-tablist-l-font-weight);
         font-family: var(--primary-tablist-l-font-family);
         line-height: 24px;
-    }
-.l .title + .title {
+    } .l .title + .title {
         margin-left: var(--primary-tablist-l-gaps);
-    }
-.l .pickerWrapper {
+    } .l .pickerWrapper {
         margin-left: var(--primary-tablist-l-gaps);
-    }
-.l .option {
+    } .l .option {
         padding: 0;
-    }
-.xl .title {
+    } .xl .title {
         padding: var(--primary-tablist-xl-padding);
         font-size: var(--primary-tablist-xl-font-size);
         font-weight: var(--primary-tablist-xl-font-weight);
         font-family: var(--primary-tablist-xl-font-family);
         line-height: 32px;
-    }
-.xl .title + .title {
+    } .xl .title + .title {
         margin-left: var(--primary-tablist-xl-gaps);
-    }
-.xl .pickerWrapper {
+    } .xl .pickerWrapper {
         margin-left: var(--primary-tablist-xl-gaps);
-    }
-.xl .option {
+    } .xl .option {
         padding: 0;
-    }
-.rightAddons {
+    } .rightAddons {
     display: flex;
     justify-content: center;
     align-items: center;

package/cssm/components/primary-tablist/mobile.module.css

@@ -1,20 +1,23 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
     --gap-xl: 24px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
+} :root {
+} :root {
 
     /* mobile */
     --primary-tablist-mobile-gaps: var(--gap-xl);
@@ -45,17 +48,14 @@
     /* size l */
 
     /* size xl */
-}
-.title {
+} .title {
     composes: title from 'index.module.css';
-}
-.mobile .title {
+} .mobile .title {
         padding: var(--primary-tablist-mobile-padding);
         font-size: var(--primary-tablist-mobile-font-size);
         font-weight: var(--primary-tablist-mobile-font-weight);
         font-family: var(--primary-tablist-mobile-font-family);
         line-height: var(--primary-tablist-mobile-line-height)
-    }
-.mobile .title + .title {
+    } .mobile .title + .title {
             margin-left: var(--primary-tablist-mobile-gaps);
         }

package/cssm/components/scrollable-container/index.module.css

@@ -1,17 +1,22 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-2xs-neg: -4px;
     --gap-m-neg: -16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* mobile */
 
@@ -36,8 +41,7 @@
     /* size l */
 
     /* size xl */
-}
-.container {
+} .container {
     position: relative;
     overflow-x: auto;
     overflow-y: hidden;
@@ -47,13 +51,10 @@
     /* focus-outline fix */
     margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
     padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs)
-}
-.container::-webkit-scrollbar {
+} .container::-webkit-scrollbar {
         display: none;
-    }
-.container > * {
+    } .container > * {
         flex-shrink: 0;
-    }
-.fullWidthScroll {
+    } .fullWidthScroll {
     margin: 0 var(--gap-m-neg);
 }

package/cssm/components/secondary-tablist/index.module.css

@@ -1,19 +1,24 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
     --gap-2xs-neg: -4px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* mobile */
 
@@ -44,40 +49,29 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-}
-.component {
+} .component {
     position: relative;
     display: inline-flex;
-}
-.fullWidthScroll {
+} .fullWidthScroll {
     margin: 0 var(--gap-m);
-}
-.container {
+} .container {
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
     padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
-}
-.title {
+} .title {
     white-space: nowrap;
-}
-/* sizes */
-.xxs .title + .title {
+} /* sizes */ .xxs .title + .title {
     margin-left: var(--secondary-tablist-xxs-gaps);
-}
-.xs .title + .title {
+} .xs .title + .title {
     margin-left: var(--secondary-tablist-xs-gaps);
-}
-.s .title + .title {
+} .s .title + .title {
     margin-left: var(--secondary-tablist-s-gaps);
-}
-.m .title + .title {
+} .m .title + .title {
     margin-left: var(--secondary-tablist-m-gaps);
-}
-.l .title + .title {
+} .l .title + .title {
     margin-left: var(--secondary-tablist-l-gaps);
-}
-.xl .title + .title {
+} .xl .title + .title {
     margin-left: var(--secondary-tablist-xl-gaps);
 }

package/cssm/components/secondary-tablist/mobile.module.css

@@ -1,15 +1,20 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* mobile */
 
@@ -35,10 +40,8 @@
     /* size l */
 
     /* size xl */
-}
-.title {
+} .title {
     composes: title from 'index.module.css';
-}
-.mobile .title + .title {
+} .mobile .title + .title {
         margin-left: var(--secondary-tablist-mobile-gaps);
     }

package/cssm/index-3e68f8db.d.ts

@@ -2,8 +2,8 @@
 import React from "react";
 import { ReactNode } from "react";
 import { FormControlProps } from "./Component-e67996e9";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-85892853";
-type SelectFieldProps = FormControlProps & Record<string, unknown>;
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-cac440c1";
+type SelectFieldProps = Omit<FormControlProps, "size"> & Record<string, unknown>;
 type SelectProps = Omit<BaseSelectProps, "fieldProps"> & {
     /**
      * Пропсы, которые будут прокинуты в компонент поля
@@ -94,5 +94,5 @@ declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
 export * from "./hook-edac5428";
 export * from "./index-48646db0";
-export * from "./typings-85892853";
-export * from "./utils-85892853";
+export * from "./typings-cac440c1";
+export * from "./utils-cac440c1";

package/cssm/index-3fe0d3e6.d.ts

@@ -1 +1,3 @@
+declare const isClient: () => boolean;
+export { isClient };
 export * from "./getDataTestId-3fe0d3e6";

package/cssm/index-48646db0.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-85892853";
+export * from "./Component-cac440c1";
 export * from "./index-ebda875c";

package/cssm/index-7ca84eff.d.ts

@@ -24,6 +24,12 @@ type BottomSheetProps = {
      * Кнопка действия (обычно, это кнопка закрытия)
      */
     actionButton?: ReactNode;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: BaseModalProps["container"];
     /**
      * Дополнительный класс
      */

package/cssm/index-ebda875c.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-85892853";
+export * from "./Component-cac440c1";

package/cssm/{typings-85892853.d.ts → typings-cac440c1.d.ts}

@@ -250,10 +250,6 @@ type FieldProps = {
      * Дополнительный класс
      */
     className?: string;
-    /**
-     * Размер компонента
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Выбранный пункт
      */
@@ -328,7 +324,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-};
+} & Record<string, any>;
 type ArrowProps = {
     /**
      * Дополнительный класс

package/cssm/{utils-85892853.d.ts → utils-cac440c1.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-85892853";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-cac440c1";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/cssm/vars.css

@@ -1,12 +1,19 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
 
     /* mobile */
 

package/desktop.js

@@ -7,7 +7,7 @@ var components_tab_Component = require('./components/tab/Component.js');
 var components_tabs_Component_desktop = require('./components/tabs/Component.desktop.js');
 var hooks_useTabs = require('./hooks/use-tabs.js');
 var hooks_useCollapsibleElements = require('./hooks/use-collapsible-elements.js');
-require('./tslib.es6-310680f9.js');
+require('./tslib.es6-860bcbc6.js');
 require('react');
 require('./components/primary-tablist/Component.js');
 require('classnames');
@@ -18,11 +18,11 @@ require('./hooks/use-tablist-titles.js');
 require('@alfalab/hooks');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
-require('./index.module-3d214349.js');
+require('./index.module-88a600f7.js');
 require('compute-scroll-into-view');
 require('./components/secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('./index.module-26e594f4.js');
+require('./index.module-3b1c7c9a.js');
 require('./components/tabs/Component.js');
 require('@juggle/resize-observer');
 

package/esm/Component-3e68f8db.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "./typings-85892853";
-import { OptionProps as BaseOptionProps } from "./typings-85892853";
+import { OptionShape } from "./typings-cac440c1";
+import { OptionProps as BaseOptionProps } from "./typings-cac440c1";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/esm/Component-3fe0d3e6.d.ts

@@ -75,6 +75,10 @@ type TextBaseProps = {
      * Добавляет отступы к тэгу 'p'
      */
     defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -119,6 +123,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Контент (native prop)
      */
     children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {

package/{cssm/Component-85892853.d.ts → esm/Component-cac440c1.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { FC } from 'react';
-import { OptionProps } from "./typings-85892853";
+import { OptionProps } from "./typings-cac440c1";
 declare const BaseOption: FC<OptionProps>;
 export { BaseOption };

package/esm/components/primary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-b7cce272.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-ef625021.js';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-6cb75603.js';
+import { c as commonStyles } from '../../index.module-ba97f96d.js';
 import 'classnames';
 import '@alfalab/core-components-badge/esm';
 import '@alfalab/core-components-keyboard-focusable/esm';

package/esm/components/primary-tablist/Component.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-b7cce272.js';
+import { a as __assign } from '../../tslib.es6-ef625021.js';
 import React, { useRef, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { Badge } from '@alfalab/core-components-badge/esm';

package/esm/components/primary-tablist/Component.mobile.js

@@ -1,8 +1,8 @@
-import { a as __assign, _ as __rest } from '../../tslib.es6-b7cce272.js';
+import { a as __assign, _ as __rest } from '../../tslib.es6-ef625021.js';
 import React from 'react';
 import cn from 'classnames';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-6cb75603.js';
+import { c as commonStyles } from '../../index.module-ba97f96d.js';
 import '@alfalab/core-components-badge/esm';
 import '@alfalab/core-components-keyboard-focusable/esm';
 import '@alfalab/core-components-picker-button/esm/desktop';
@@ -16,7 +16,7 @@ import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
 
-var mobileStyles = {"title":"tabs__title_1f5an tabs__title_vx28z","mobile":"tabs__mobile_1f5an"};
+var mobileStyles = {"title":"tabs__title_1awe6 tabs__title_mcuzy","mobile":"tabs__mobile_1awe6"};
 require('./mobile.css')
 
 var styles = __assign(__assign({}, commonStyles), mobileStyles);

package/esm/components/primary-tablist/Component.responsive.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-b7cce272.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-ef625021.js';
 import React from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { PrimaryTabListDesktop } from './Component.desktop.js';
@@ -16,7 +16,7 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-6cb75603.js';
+import '../../index.module-ba97f96d.js';
 
 var PrimaryTabListResponsive = function (_a) {
     var size = _a.size, _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'desktop' : _b, collapsible = _a.collapsible, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, restProps = __rest(_a, ["size", "defaultMatch", "collapsible", "collapsedTabsIds", "fullWidthScroll"]);