@alfalab/core-components-tabs 7.3.0 → 7.3.2

package/modern/components/secondary-tablist/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 108aj */
+/* hash: 1oqna */
 :root {
 }:root {
 }:root {
@@ -11,9 +11,11 @@
 
     /* Hard up */
 }:root {
+    --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
+    --gap-2xs-neg: -4px;
 }:root {
 }:root {
 }:root {
@@ -49,26 +51,30 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-}.tabs__component_12ta1 {
+}.tabs__component_q2z56 {
     position: relative;
     display: inline-flex;
-}.tabs__fullWidthScroll_12ta1 {
+}.tabs__fullWidthScroll_q2z56 {
     margin: 0 var(--gap-m);
-}.tabs__container_12ta1 {
+}.tabs__container_q2z56 {
     overflow: hidden;
-}.tabs__title_12ta1 {
+
+    /* 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_q2z56 {
     white-space: nowrap;
-}/* sizes */.tabs__xxs_12ta1 .tabs__title_12ta1 + .tabs__title_12ta1 {
+}/* sizes */.tabs__xxs_q2z56 .tabs__title_q2z56 + .tabs__title_q2z56 {
     margin-left: var(--secondary-tablist-xxs-gaps);
-}.tabs__xs_12ta1 .tabs__title_12ta1 + .tabs__title_12ta1 {
+}.tabs__xs_q2z56 .tabs__title_q2z56 + .tabs__title_q2z56 {
     margin-left: var(--secondary-tablist-xs-gaps);
-}.tabs__s_12ta1 .tabs__title_12ta1 + .tabs__title_12ta1 {
+}.tabs__s_q2z56 .tabs__title_q2z56 + .tabs__title_q2z56 {
     margin-left: var(--secondary-tablist-s-gaps);
-}.tabs__m_12ta1 .tabs__title_12ta1 + .tabs__title_12ta1 {
+}.tabs__m_q2z56 .tabs__title_q2z56 + .tabs__title_q2z56 {
     margin-left: var(--secondary-tablist-m-gaps);
-}.tabs__l_12ta1 .tabs__title_12ta1 + .tabs__title_12ta1 {
+}.tabs__l_q2z56 .tabs__title_q2z56 + .tabs__title_q2z56 {
     margin-left: var(--secondary-tablist-l-gaps);
-}.tabs__xl_12ta1 .tabs__title_12ta1 + .tabs__title_12ta1 {
+}.tabs__xl_q2z56 .tabs__title_q2z56 + .tabs__title_q2z56 {
     margin-left: var(--secondary-tablist-xl-gaps);
 }
 :root {
@@ -885,8 +891,8 @@
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
 }
-.tabs__title_15528 {
+.tabs__title_znkv5 {
 }
-.tabs__mobile_15528 .tabs__title_15528 + .tabs__title_15528 {
+.tabs__mobile_znkv5 .tabs__title_znkv5 + .tabs__title_znkv5 {
         margin-left: var(--secondary-tablist-mobile-gaps);
     }

package/modern/components/tab/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"tabs__component_x5xt6","hidden":"tabs__hidden_x5xt6"};
+const styles = {"component":"tabs__component_1jx53","hidden":"tabs__hidden_1jx53"};
 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: ugt9j */
-.tabs__component_x5xt6 {
+/* hash: yqgfi */
+.tabs__component_1jx53 {
     outline: none;
 }
 
-.tabs__hidden_x5xt6 {
+.tabs__hidden_1jx53 {
     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-f5a85c82.js';
+import '../../index.module-c197fcff.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import '../../index.module-e2287162.js';
+import '../../index.module-651ee496.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-f5a85c82.js';
+import '../../index.module-c197fcff.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import '../../index.module-e2287162.js';
+import '../../index.module-651ee496.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-f5a85c82.js';
+import '../../index.module-c197fcff.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-e2287162.js';
+import '../../index.module-651ee496.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-f5a85c82.js';
+import './index.module-c197fcff.js';
 import 'compute-scroll-into-view';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import './index.module-e2287162.js';
+import './index.module-651ee496.js';
 import './components/tabs/Component.js';
 import '@juggle/resize-observer';

package/modern/index.js

@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-f5a85c82.js';
+import './index.module-c197fcff.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import './index.module-e2287162.js';
+import './index.module-651ee496.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/modern/index.module-651ee496.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_q2z56","fullWidthScroll":"tabs__fullWidthScroll_q2z56","container":"tabs__container_q2z56","title":"tabs__title_q2z56","xxs":"tabs__xxs_q2z56","xs":"tabs__xs_q2z56","s":"tabs__s_q2z56","m":"tabs__m_q2z56","l":"tabs__l_q2z56","xl":"tabs__xl_q2z56"};
+require('./components/secondary-tablist/index.css')
+
+export { commonStyles as c };

package/modern/index.module-c197fcff.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_vx28z","fullWidthScroll":"tabs__fullWidthScroll_vx28z","container":"tabs__container_vx28z","title":"tabs__title_vx28z","disabled":"tabs__disabled_vx28z","focused":"tabs__focused_vx28z","collapsed":"tabs__collapsed_vx28z","selected":"tabs__selected_vx28z","line":"tabs__line_vx28z","s":"tabs__s_vx28z","xs":"tabs__xs_vx28z","xxs":"tabs__xxs_vx28z","pickerWrapper":"tabs__pickerWrapper_vx28z","option":"tabs__option_vx28z","m":"tabs__m_vx28z","l":"tabs__l_vx28z","xl":"tabs__xl_vx28z","rightAddons":"tabs__rightAddons_vx28z"};
+require('./components/primary-tablist/index.css')
+
+export { commonStyles as c };

package/modern/mobile.js

@@ -17,8 +17,8 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-f5a85c82.js';
+import './index.module-c197fcff.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import './index.module-e2287162.js';
+import './index.module-651ee496.js';
 import './components/tabs/Component.js';

package/modern/responsive.js

@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-f5a85c82.js';
+import './index.module-c197fcff.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import './index.module-e2287162.js';
+import './index.module-651ee496.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-tabs",
-    "version": "7.3.0",
+    "version": "7.3.2",
     "description": "Tabs components",
     "keywords": [],
     "license": "MIT",
@@ -19,10 +19,10 @@
     "dependencies": {
         "@alfalab/core-components-keyboard-focusable": "^4.0.3",
         "@alfalab/core-components-tag": "^5.0.3",
-        "@alfalab/core-components-picker-button": "^10.3.0",
+        "@alfalab/core-components-picker-button": "^10.3.2",
         "@alfalab/core-components-badge": "^5.0.0",
         "classnames": "^2.3.1",
-        "compute-scroll-into-view": "^1.0.13",
+        "compute-scroll-into-view": "^1.0.20",
         "lodash.debounce": "^4.0.8",
         "@juggle/resize-observer": "^3.3.1"
     },

package/responsive.js

@@ -7,7 +7,7 @@ var components_tab_Component = require('./components/tab/Component.js');
 var components_tabs_Component_responsive = require('./components/tabs/Component.responsive.js');
 var hooks_useTabs = require('./hooks/use-tabs.js');
 var hooks_useCollapsibleElements = require('./hooks/use-collapsible-elements.js');
-require('./tslib.es6-ab9150c8.js');
+require('./tslib.es6-310680f9.js');
 require('react');
 require('@alfalab/hooks');
 require('./components/primary-tablist/Component.desktop.js');
@@ -21,12 +21,12 @@ require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
 require('compute-scroll-into-view');
-require('./index.module-5b87e23a.js');
+require('./index.module-3d214349.js');
 require('./components/primary-tablist/Component.mobile.js');
 require('./components/secondary-tablist/Component.desktop.js');
 require('./components/secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('./index.module-78610370.js');
+require('./index.module-26e594f4.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
 

package/synthetic-events.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ab9150c8.js');
+var tslib_es6 = require('./tslib.es6-310680f9.js');
 
 var createSyntheticEvent = function (event) {
     var isDefaultPrevented = false;

package/esm/index.module-307739e4.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_1io9j","fullWidthScroll":"tabs__fullWidthScroll_1io9j","container":"tabs__container_1io9j","title":"tabs__title_1io9j","disabled":"tabs__disabled_1io9j","focused":"tabs__focused_1io9j","collapsed":"tabs__collapsed_1io9j","selected":"tabs__selected_1io9j","line":"tabs__line_1io9j","s":"tabs__s_1io9j","xs":"tabs__xs_1io9j","xxs":"tabs__xxs_1io9j","pickerWrapper":"tabs__pickerWrapper_1io9j","option":"tabs__option_1io9j","m":"tabs__m_1io9j","l":"tabs__l_1io9j","xl":"tabs__xl_1io9j","rightAddons":"tabs__rightAddons_1io9j"};
-require('./components/primary-tablist/index.css')
-
-export { commonStyles as c };

package/esm/index.module-426df292.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_12ta1","fullWidthScroll":"tabs__fullWidthScroll_12ta1","container":"tabs__container_12ta1","title":"tabs__title_12ta1","xxs":"tabs__xxs_12ta1","xs":"tabs__xs_12ta1","s":"tabs__s_12ta1","m":"tabs__m_12ta1","l":"tabs__l_12ta1","xl":"tabs__xl_12ta1"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/index.module-5b87e23a.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_1io9j","fullWidthScroll":"tabs__fullWidthScroll_1io9j","container":"tabs__container_1io9j","title":"tabs__title_1io9j","disabled":"tabs__disabled_1io9j","focused":"tabs__focused_1io9j","collapsed":"tabs__collapsed_1io9j","selected":"tabs__selected_1io9j","line":"tabs__line_1io9j","s":"tabs__s_1io9j","xs":"tabs__xs_1io9j","xxs":"tabs__xxs_1io9j","pickerWrapper":"tabs__pickerWrapper_1io9j","option":"tabs__option_1io9j","m":"tabs__m_1io9j","l":"tabs__l_1io9j","xl":"tabs__xl_1io9j","rightAddons":"tabs__rightAddons_1io9j"};
-require('./components/primary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/index.module-78610370.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_12ta1","fullWidthScroll":"tabs__fullWidthScroll_12ta1","container":"tabs__container_12ta1","title":"tabs__title_12ta1","xxs":"tabs__xxs_12ta1","xs":"tabs__xs_12ta1","s":"tabs__s_12ta1","m":"tabs__m_12ta1","l":"tabs__l_12ta1","xl":"tabs__xl_12ta1"};
-require('./components/secondary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/modern/index.module-e2287162.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_12ta1","fullWidthScroll":"tabs__fullWidthScroll_12ta1","container":"tabs__container_12ta1","title":"tabs__title_12ta1","xxs":"tabs__xxs_12ta1","xs":"tabs__xs_12ta1","s":"tabs__s_12ta1","m":"tabs__m_12ta1","l":"tabs__l_12ta1","xl":"tabs__xl_12ta1"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/modern/index.module-f5a85c82.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_1io9j","fullWidthScroll":"tabs__fullWidthScroll_1io9j","container":"tabs__container_1io9j","title":"tabs__title_1io9j","disabled":"tabs__disabled_1io9j","focused":"tabs__focused_1io9j","collapsed":"tabs__collapsed_1io9j","selected":"tabs__selected_1io9j","line":"tabs__line_1io9j","s":"tabs__s_1io9j","xs":"tabs__xs_1io9j","xxs":"tabs__xxs_1io9j","pickerWrapper":"tabs__pickerWrapper_1io9j","option":"tabs__option_1io9j","m":"tabs__m_1io9j","l":"tabs__l_1io9j","xl":"tabs__xl_1io9j","rightAddons":"tabs__rightAddons_1io9j"};
-require('./components/primary-tablist/index.css')
-
-export { commonStyles as c };