@alfalab/core-components-tabs 7.3.13 → 7.3.15

package/Component-3e68f8db.d.ts

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

package/{cssm/Component-a8deae7f.d.ts → Component-f9462675.d.ts}

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

package/{esm/Component.responsive-3677ec46.d.ts → Component.responsive-abcc39aa.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { AdditionalMobileProps } from "./index-3e68f8db";
-import { PickerButtonDesktopProps } from "./Component-3677ec46";
+import { PickerButtonDesktopProps } from "./Component-abcc39aa";
 import { ButtonProps } from "./index-ebda875c";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
 declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
@@ -17,8 +17,8 @@ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<impor
     options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
-    size?: import("./Component-3677ec46").PickerButtonSize | undefined;
-    variant?: import("./Component-3677ec46").PickerButtonVariant | undefined;
+    size?: import("./Component-abcc39aa").PickerButtonSize | undefined;
+    variant?: import("./Component-abcc39aa").PickerButtonVariant | undefined;
     showArrow?: boolean | undefined;
 } & AdditionalMobileProps & {
     /**

package/component-3885b0d7.d.ts

@@ -24,6 +24,10 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
+type BorderColorType = "accent" | "key" | "key-inverted" | "link" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "underline" | "underline-inverted" | "graphic-attention" | "graphic-link" | "graphic-negative" | "graphic-positive" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
+type ShadowType = "shadow-xs" | "shadow-s" | "shadow-m" | "shadow-l" | "shadow-xl" | "shadow-xs-hard" | "shadow-s-hard" | "shadow-m-hard" | "shadow-l-hard" | "shadow-xl-hard" | "shadow-xs-up" | "shadow-s-up" | "shadow-m-up" | "shadow-l-up" | "shadow-xl-up" | "shadow-xs-hard-up" | "shadow-s-hard-up" | "shadow-m-hard-up" | "shadow-l-hard-up" | "shadow-xl-hard-up";
+type GapType = "3xs" | "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl";
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -87,6 +91,10 @@ type BottomSheetProps = {
      * Дополнительный класс
      */
     containerClassName?: string;
+    /**
+     * Цвет фона
+     */
+    backgroundColor?: Extract<BackgroundColorType, 'primary' | 'secondary'>;
     /**
      * Дополнительный класс шапки
      */
@@ -213,4 +221,4 @@ type BottomSheetProps = {
 declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };
+export { HeaderProps, Header, FooterProps, Footer, BackgroundColorType, BorderColorType, ShadowType, GapType, SwipeableBackdropProps, SwipeableBackdrop, BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };

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

@@ -1,9 +1,11 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-cfa85c1f.js');
+var index_module = require('../../index.module-bb5c409c.js');
 require('classnames');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-keyboard-focusable');

package/components/primary-tablist/Component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');

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

@@ -1,10 +1,12 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-cfa85c1f.js');
+var index_module = require('../../index.module-bb5c409c.js');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-keyboard-focusable');
 require('@alfalab/core-components-picker-button/desktop');
@@ -23,7 +25,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var mobileStyles = {"title":"tabs__title_oj7sq tabs__title_18i9b","mobile":"tabs__mobile_oj7sq"};
+var mobileStyles = {"title":"tabs__title_l1arv tabs__title_1e7yx","mobile":"tabs__mobile_l1arv"};
 require('./mobile.css')
 
 var styles = tslib.__assign(tslib.__assign({}, index_module.commonStyles), mobileStyles);

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
@@ -18,7 +20,7 @@ require('../../synthetic-events.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../title/Component.js');
-require('../../index.module-cfa85c1f.js');
+require('../../index.module-bb5c409c.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/components/primary-tablist/index.css

@@ -1,12 +1,12 @@
-/* hash: 107r3 */
+/* hash: 1ybz0 */
 :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); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-link: #0072ef;
+    --color-light-border-primary: #dcdcdd;
+    --color-light-text-primary: #0e0e0e;
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66);
+    --color-light-text-tertiary: rgba(60, 60, 67, 0.4); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -83,11 +83,11 @@
     /* size l */
 
     /* size xl */
-} .tabs__component_18i9b {
+} .tabs__component_1e7yx {
     position: relative;
     display: inline-flex;
     min-width: 100%
-} .tabs__component_18i9b:before {
+} .tabs__component_1e7yx:before {
         content: '';
         display: block;
         position: absolute;
@@ -95,17 +95,17 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    } .tabs__fullWidthScroll_18i9b {
+    } .tabs__fullWidthScroll_1e7yx {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-} .tabs__container_18i9b {
+} .tabs__container_1e7yx {
     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);
-} .tabs__title_18i9b {
+} .tabs__title_1e7yx {
     display: flex;
     align-items: center;
     height: 100%;
@@ -122,76 +122,76 @@
             user-select: none;
     cursor: pointer;
     outline: none
-} .tabs__title_18i9b:not(.tabs__disabled_18i9b):hover {
+} .tabs__title_1e7yx:not(.tabs__disabled_1e7yx):hover {
         color: var(--primary-tablist-hover-color);
-    } .tabs__focused_18i9b {
+    } .tabs__focused_1e7yx {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tabs__collapsed_18i9b {
+} .tabs__collapsed_1e7yx {
     order: 99;
     visibility: collapse;
-} .tabs__selected_18i9b {
+} .tabs__selected_1e7yx {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-} .tabs__disabled_18i9b {
+} .tabs__disabled_1e7yx {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-} .tabs__line_18i9b {
+} .tabs__line_1e7yx {
     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 */ .tabs__s_18i9b .tabs__title_18i9b, .tabs__xs_18i9b .tabs__title_18i9b, .tabs__xxs_18i9b .tabs__title_18i9b {
+} /* sizes */ .tabs__s_1e7yx .tabs__title_1e7yx, .tabs__xs_1e7yx .tabs__title_1e7yx, .tabs__xxs_1e7yx .tabs__title_1e7yx {
         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;
-    } .tabs__s_18i9b .tabs__title_18i9b + .tabs__title_18i9b, .tabs__xs_18i9b .tabs__title_18i9b + .tabs__title_18i9b, .tabs__xxs_18i9b .tabs__title_18i9b + .tabs__title_18i9b {
+    } .tabs__s_1e7yx .tabs__title_1e7yx + .tabs__title_1e7yx, .tabs__xs_1e7yx .tabs__title_1e7yx + .tabs__title_1e7yx, .tabs__xxs_1e7yx .tabs__title_1e7yx + .tabs__title_1e7yx {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_18i9b .tabs__pickerWrapper_18i9b, .tabs__xs_18i9b .tabs__pickerWrapper_18i9b, .tabs__xxs_18i9b .tabs__pickerWrapper_18i9b {
+    } .tabs__s_1e7yx .tabs__pickerWrapper_1e7yx, .tabs__xs_1e7yx .tabs__pickerWrapper_1e7yx, .tabs__xxs_1e7yx .tabs__pickerWrapper_1e7yx {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_18i9b .tabs__option_18i9b, .tabs__xs_18i9b .tabs__option_18i9b, .tabs__xxs_18i9b .tabs__option_18i9b {
+    } .tabs__s_1e7yx .tabs__option_1e7yx, .tabs__xs_1e7yx .tabs__option_1e7yx, .tabs__xxs_1e7yx .tabs__option_1e7yx {
         padding: 0;
-    } .tabs__m_18i9b .tabs__title_18i9b {
+    } .tabs__m_1e7yx .tabs__title_1e7yx {
         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;
-    } .tabs__m_18i9b .tabs__title_18i9b + .tabs__title_18i9b {
+    } .tabs__m_1e7yx .tabs__title_1e7yx + .tabs__title_1e7yx {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_18i9b .tabs__pickerWrapper_18i9b {
+    } .tabs__m_1e7yx .tabs__pickerWrapper_1e7yx {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_18i9b .tabs__option_18i9b {
+    } .tabs__m_1e7yx .tabs__option_1e7yx {
         padding: 0;
-    } .tabs__l_18i9b .tabs__title_18i9b {
+    } .tabs__l_1e7yx .tabs__title_1e7yx {
         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;
-    } .tabs__l_18i9b .tabs__title_18i9b + .tabs__title_18i9b {
+    } .tabs__l_1e7yx .tabs__title_1e7yx + .tabs__title_1e7yx {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_18i9b .tabs__pickerWrapper_18i9b {
+    } .tabs__l_1e7yx .tabs__pickerWrapper_1e7yx {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_18i9b .tabs__option_18i9b {
+    } .tabs__l_1e7yx .tabs__option_1e7yx {
         padding: 0;
-    } .tabs__xl_18i9b .tabs__title_18i9b {
+    } .tabs__xl_1e7yx .tabs__title_1e7yx {
         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;
-    } .tabs__xl_18i9b .tabs__title_18i9b + .tabs__title_18i9b {
+    } .tabs__xl_1e7yx .tabs__title_1e7yx + .tabs__title_1e7yx {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_18i9b .tabs__pickerWrapper_18i9b {
+    } .tabs__xl_1e7yx .tabs__pickerWrapper_1e7yx {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_18i9b .tabs__option_18i9b {
+    } .tabs__xl_1e7yx .tabs__option_1e7yx {
         padding: 0;
-    } .tabs__rightAddons_18i9b {
+    } .tabs__rightAddons_1e7yx {
     display: flex;
     justify-content: center;
     align-items: center;