@alfalab/core-components-tabs 7.3.12 → 7.3.14

package/modern/components/tab/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"tabs__component_1j1y4","hidden":"tabs__hidden_1j1y4"};
+const styles = {"component":"tabs__component_76ms0","hidden":"tabs__hidden_76ms0"};
 require('./index.css')
 
 const Tab = ({ children, hidden, className, disabled, dataTestId }) => children ? (React.createElement("div", { className: cn(styles.component, {

package/modern/components/tab/index.css

@@ -1,8 +1,8 @@
-/* hash: 1qsv5 */
-.tabs__component_1j1y4 {
+/* hash: 1fskn */
+.tabs__component_76ms0 {
     outline: none;
 }
 
-.tabs__hidden_1j1y4 {
+.tabs__hidden_76ms0 {
     display: none;
 }

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

@@ -16,10 +16,10 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-cb93eac4.js';
+import '../../index.module-97bc07a5.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import '../../index.module-771ef5f3.js';
+import '../../index.module-21d0d0f4.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

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

@@ -16,10 +16,10 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-cb93eac4.js';
+import '../../index.module-97bc07a5.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import '../../index.module-771ef5f3.js';
+import '../../index.module-21d0d0f4.js';
 
 const views = {
     primary: PrimaryTabListMobile,

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

@@ -17,12 +17,12 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-cb93eac4.js';
+import '../../index.module-97bc07a5.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import '../../index.module-771ef5f3.js';
+import '../../index.module-21d0d0f4.js';
 import '../secondary-tablist/Component.mobile.js';
 
 const views = {

package/modern/desktop.js

@@ -15,10 +15,10 @@ import './hooks/use-tablist-titles.js';
 import '@alfalab/hooks';
 import './synthetic-events.js';
 import './components/title/Component.js';
-import './index.module-cb93eac4.js';
+import './index.module-97bc07a5.js';
 import 'compute-scroll-into-view';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import './index.module-771ef5f3.js';
+import './index.module-21d0d0f4.js';
 import './components/tabs/Component.js';
 import '@juggle/resize-observer';

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

@@ -2,7 +2,7 @@
 import React from "react";
 import { ReactNode } from "react";
 import { FormControlProps } from "./Component-e67996e9";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-a8deae7f";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-f9462675";
 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-a8deae7f";
-export * from "./utils-a8deae7f";
+export * from "./typings-f9462675";
+export * from "./utils-f9462675";

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

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

package/modern/{index-3677ec46.d.ts → index-abcc39aa.d.ts}

@@ -1,4 +1,4 @@
-export * from "./Component.responsive-3677ec46";
+export * from "./Component.responsive-abcc39aa";
 export { PickerButtonResponsive as PickerButton };
 export type { PickerButtonResponsiveProps as PickerButtonProps };
-export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-3677ec46";
+export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-abcc39aa";

package/modern/index-ebda875c.d.ts

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

package/modern/index.js

@@ -17,12 +17,12 @@ import './hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
-import 'compute-scroll-into-view';
-import './index.module-cb93eac4.js';
+import './index.module-97bc07a5.js';
 import './components/primary-tablist/Component.mobile.js';
+import 'compute-scroll-into-view';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import './index.module-771ef5f3.js';
+import './index.module-21d0d0f4.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/modern/index.module-21d0d0f4.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_da1wu","fullWidthScroll":"tabs__fullWidthScroll_da1wu","container":"tabs__container_da1wu","title":"tabs__title_da1wu","xxs":"tabs__xxs_da1wu","xs":"tabs__xs_da1wu","s":"tabs__s_da1wu","m":"tabs__m_da1wu","l":"tabs__l_da1wu","xl":"tabs__xl_da1wu"};
+require('./components/secondary-tablist/index.css')
+
+export { commonStyles as c };

package/modern/index.module-97bc07a5.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_1rewg","fullWidthScroll":"tabs__fullWidthScroll_1rewg","container":"tabs__container_1rewg","title":"tabs__title_1rewg","disabled":"tabs__disabled_1rewg","focused":"tabs__focused_1rewg","collapsed":"tabs__collapsed_1rewg","selected":"tabs__selected_1rewg","line":"tabs__line_1rewg","s":"tabs__s_1rewg","xs":"tabs__xs_1rewg","xxs":"tabs__xxs_1rewg","pickerWrapper":"tabs__pickerWrapper_1rewg","option":"tabs__option_1rewg","m":"tabs__m_1rewg","l":"tabs__l_1rewg","xl":"tabs__xl_1rewg","rightAddons":"tabs__rightAddons_1rewg"};
+require('./components/primary-tablist/index.css')
+
+export { commonStyles as c };

package/modern/mobile.js

@@ -16,9 +16,9 @@ import './hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
+import './index.module-97bc07a5.js';
 import 'compute-scroll-into-view';
-import './index.module-cb93eac4.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import './index.module-771ef5f3.js';
+import './index.module-21d0d0f4.js';
 import './components/tabs/Component.js';

package/modern/responsive.js

@@ -14,15 +14,15 @@ import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-keyboard-focusable/modern';
 import '@alfalab/core-components-picker-button/modern/desktop';
 import './hooks/use-tablist-titles.js';
-import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
-import 'compute-scroll-into-view';
-import './index.module-cb93eac4.js';
+import './index.module-97bc07a5.js';
 import './components/primary-tablist/Component.mobile.js';
+import 'compute-scroll-into-view';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import './index.module-771ef5f3.js';
+import './index.module-21d0d0f4.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';
+import '@juggle/resize-observer';

package/modern/{typings-a8deae7f.d.ts → typings-f9462675.d.ts}

@@ -317,7 +317,7 @@ type FieldProps = {
         onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
         onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
         onClick?: (event: MouseEvent<HTMLDivElement | HTMLInputElement>) => void;
-        tabIndex: number;
+        tabIndex?: number;
         id: string;
     } & RefAttributes<HTMLDivElement | HTMLInputElement> & AriaAttributes;
     /**

package/modern/{utils-a8deae7f.d.ts → utils-f9462675.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-a8deae7f";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-f9462675";
 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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-tabs",
-    "version": "7.3.12",
+    "version": "7.3.14",
     "description": "Tabs components",
     "keywords": [],
     "license": "MIT",
@@ -17,10 +17,10 @@
         "@types/lodash.debounce": "^4.0.6"
     },
     "dependencies": {
-        "@alfalab/core-components-keyboard-focusable": "^4.0.4",
-        "@alfalab/core-components-tag": "^5.2.0",
-        "@alfalab/core-components-picker-button": "^10.3.12",
-        "@alfalab/core-components-badge": "^5.0.1",
+        "@alfalab/core-components-keyboard-focusable": "^4.0.5",
+        "@alfalab/core-components-tag": "^5.3.0",
+        "@alfalab/core-components-picker-button": "^10.3.14",
+        "@alfalab/core-components-badge": "^5.0.2",
         "classnames": "^2.3.1",
         "compute-scroll-into-view": "^1.0.20",
         "lodash.debounce": "^4.0.8",

package/responsive.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_primaryTablist_Component_responsive = require('./components/primary-tablist/Component.responsive.js');
 var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
 var components_secondaryTablist_Component_responsive = require('./components/secondary-tablist/Component.responsive.js');
@@ -17,18 +19,18 @@ require('@alfalab/core-components-badge');
 require('@alfalab/core-components-keyboard-focusable');
 require('@alfalab/core-components-picker-button/desktop');
 require('./hooks/use-tablist-titles.js');
-require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
-require('compute-scroll-into-view');
-require('./index.module-71dbcf80.js');
+require('./index.module-1a4b95d7.js');
 require('./components/primary-tablist/Component.mobile.js');
+require('compute-scroll-into-view');
 require('./components/secondary-tablist/Component.desktop.js');
 require('./components/secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('./index.module-ce35f880.js');
+require('./index.module-38cd83a8.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
+require('@juggle/resize-observer');
 
 
 

package/synthetic-events.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 
 var createSyntheticEvent = function (event) {

package/{typings-a8deae7f.d.ts → typings-f9462675.d.ts}

@@ -317,7 +317,7 @@ type FieldProps = {
         onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
         onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
         onClick?: (event: MouseEvent<HTMLDivElement | HTMLInputElement>) => void;
-        tabIndex: number;
+        tabIndex?: number;
         id: string;
     } & RefAttributes<HTMLDivElement | HTMLInputElement> & AriaAttributes;
     /**

package/{utils-a8deae7f.d.ts → utils-f9462675.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-a8deae7f";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-f9462675";
 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/esm/index.module-5f5b94c1.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_fx60n","fullWidthScroll":"tabs__fullWidthScroll_fx60n","container":"tabs__container_fx60n","title":"tabs__title_fx60n","xxs":"tabs__xxs_fx60n","xs":"tabs__xs_fx60n","s":"tabs__s_fx60n","m":"tabs__m_fx60n","l":"tabs__l_fx60n","xl":"tabs__xl_fx60n"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/esm/index.module-b32b77a0.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_4b0fa","fullWidthScroll":"tabs__fullWidthScroll_4b0fa","container":"tabs__container_4b0fa","title":"tabs__title_4b0fa","disabled":"tabs__disabled_4b0fa","focused":"tabs__focused_4b0fa","collapsed":"tabs__collapsed_4b0fa","selected":"tabs__selected_4b0fa","line":"tabs__line_4b0fa","s":"tabs__s_4b0fa","xs":"tabs__xs_4b0fa","xxs":"tabs__xxs_4b0fa","pickerWrapper":"tabs__pickerWrapper_4b0fa","option":"tabs__option_4b0fa","m":"tabs__m_4b0fa","l":"tabs__l_4b0fa","xl":"tabs__xl_4b0fa","rightAddons":"tabs__rightAddons_4b0fa"};
-require('./components/primary-tablist/index.css')
-
-export { commonStyles as c };

package/index.module-71dbcf80.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_4b0fa","fullWidthScroll":"tabs__fullWidthScroll_4b0fa","container":"tabs__container_4b0fa","title":"tabs__title_4b0fa","disabled":"tabs__disabled_4b0fa","focused":"tabs__focused_4b0fa","collapsed":"tabs__collapsed_4b0fa","selected":"tabs__selected_4b0fa","line":"tabs__line_4b0fa","s":"tabs__s_4b0fa","xs":"tabs__xs_4b0fa","xxs":"tabs__xxs_4b0fa","pickerWrapper":"tabs__pickerWrapper_4b0fa","option":"tabs__option_4b0fa","m":"tabs__m_4b0fa","l":"tabs__l_4b0fa","xl":"tabs__xl_4b0fa","rightAddons":"tabs__rightAddons_4b0fa"};
-require('./components/primary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/index.module-ce35f880.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_fx60n","fullWidthScroll":"tabs__fullWidthScroll_fx60n","container":"tabs__container_fx60n","title":"tabs__title_fx60n","xxs":"tabs__xxs_fx60n","xs":"tabs__xs_fx60n","s":"tabs__s_fx60n","m":"tabs__m_fx60n","l":"tabs__l_fx60n","xl":"tabs__xl_fx60n"};
-require('./components/secondary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/modern/index.module-771ef5f3.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_fx60n","fullWidthScroll":"tabs__fullWidthScroll_fx60n","container":"tabs__container_fx60n","title":"tabs__title_fx60n","xxs":"tabs__xxs_fx60n","xs":"tabs__xs_fx60n","s":"tabs__s_fx60n","m":"tabs__m_fx60n","l":"tabs__l_fx60n","xl":"tabs__xl_fx60n"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/modern/index.module-cb93eac4.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_4b0fa","fullWidthScroll":"tabs__fullWidthScroll_4b0fa","container":"tabs__container_4b0fa","title":"tabs__title_4b0fa","disabled":"tabs__disabled_4b0fa","focused":"tabs__focused_4b0fa","collapsed":"tabs__collapsed_4b0fa","selected":"tabs__selected_4b0fa","line":"tabs__line_4b0fa","s":"tabs__s_4b0fa","xs":"tabs__xs_4b0fa","xxs":"tabs__xxs_4b0fa","pickerWrapper":"tabs__pickerWrapper_4b0fa","option":"tabs__option_4b0fa","m":"tabs__m_4b0fa","l":"tabs__l_4b0fa","xl":"tabs__xl_4b0fa","rightAddons":"tabs__rightAddons_4b0fa"};
-require('./components/primary-tablist/index.css')
-
-export { commonStyles as c };