@alfalab/core-components-tabs 7.3.12 → 7.3.14

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/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-71dbcf80.js');
+var index_module = require('../../index.module-1a4b95d7.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-71dbcf80.js');
+var index_module = require('../../index.module-1a4b95d7.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_1beg0 tabs__title_4b0fa","mobile":"tabs__mobile_1beg0"};
+var mobileStyles = {"title":"tabs__title_18rbw tabs__title_1rewg","mobile":"tabs__mobile_18rbw"};
 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-71dbcf80.js');
+require('../../index.module-1a4b95d7.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: tunzq */
+/* hash: 14uyh */
 :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_4b0fa {
+} .tabs__component_1rewg {
     position: relative;
     display: inline-flex;
     min-width: 100%
-} .tabs__component_4b0fa:before {
+} .tabs__component_1rewg:before {
         content: '';
         display: block;
         position: absolute;
@@ -95,17 +95,17 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    } .tabs__fullWidthScroll_4b0fa {
+    } .tabs__fullWidthScroll_1rewg {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-} .tabs__container_4b0fa {
+} .tabs__container_1rewg {
     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_4b0fa {
+} .tabs__title_1rewg {
     display: flex;
     align-items: center;
     height: 100%;
@@ -122,76 +122,76 @@
             user-select: none;
     cursor: pointer;
     outline: none
-} .tabs__title_4b0fa:not(.tabs__disabled_4b0fa):hover {
+} .tabs__title_1rewg:not(.tabs__disabled_1rewg):hover {
         color: var(--primary-tablist-hover-color);
-    } .tabs__focused_4b0fa {
+    } .tabs__focused_1rewg {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tabs__collapsed_4b0fa {
+} .tabs__collapsed_1rewg {
     order: 99;
     visibility: collapse;
-} .tabs__selected_4b0fa {
+} .tabs__selected_1rewg {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-} .tabs__disabled_4b0fa {
+} .tabs__disabled_1rewg {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-} .tabs__line_4b0fa {
+} .tabs__line_1rewg {
     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_4b0fa .tabs__title_4b0fa, .tabs__xs_4b0fa .tabs__title_4b0fa, .tabs__xxs_4b0fa .tabs__title_4b0fa {
+} /* sizes */ .tabs__s_1rewg .tabs__title_1rewg, .tabs__xs_1rewg .tabs__title_1rewg, .tabs__xxs_1rewg .tabs__title_1rewg {
         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_4b0fa .tabs__title_4b0fa + .tabs__title_4b0fa, .tabs__xs_4b0fa .tabs__title_4b0fa + .tabs__title_4b0fa, .tabs__xxs_4b0fa .tabs__title_4b0fa + .tabs__title_4b0fa {
+    } .tabs__s_1rewg .tabs__title_1rewg + .tabs__title_1rewg, .tabs__xs_1rewg .tabs__title_1rewg + .tabs__title_1rewg, .tabs__xxs_1rewg .tabs__title_1rewg + .tabs__title_1rewg {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_4b0fa .tabs__pickerWrapper_4b0fa, .tabs__xs_4b0fa .tabs__pickerWrapper_4b0fa, .tabs__xxs_4b0fa .tabs__pickerWrapper_4b0fa {
+    } .tabs__s_1rewg .tabs__pickerWrapper_1rewg, .tabs__xs_1rewg .tabs__pickerWrapper_1rewg, .tabs__xxs_1rewg .tabs__pickerWrapper_1rewg {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_4b0fa .tabs__option_4b0fa, .tabs__xs_4b0fa .tabs__option_4b0fa, .tabs__xxs_4b0fa .tabs__option_4b0fa {
+    } .tabs__s_1rewg .tabs__option_1rewg, .tabs__xs_1rewg .tabs__option_1rewg, .tabs__xxs_1rewg .tabs__option_1rewg {
         padding: 0;
-    } .tabs__m_4b0fa .tabs__title_4b0fa {
+    } .tabs__m_1rewg .tabs__title_1rewg {
         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_4b0fa .tabs__title_4b0fa + .tabs__title_4b0fa {
+    } .tabs__m_1rewg .tabs__title_1rewg + .tabs__title_1rewg {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_4b0fa .tabs__pickerWrapper_4b0fa {
+    } .tabs__m_1rewg .tabs__pickerWrapper_1rewg {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_4b0fa .tabs__option_4b0fa {
+    } .tabs__m_1rewg .tabs__option_1rewg {
         padding: 0;
-    } .tabs__l_4b0fa .tabs__title_4b0fa {
+    } .tabs__l_1rewg .tabs__title_1rewg {
         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_4b0fa .tabs__title_4b0fa + .tabs__title_4b0fa {
+    } .tabs__l_1rewg .tabs__title_1rewg + .tabs__title_1rewg {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_4b0fa .tabs__pickerWrapper_4b0fa {
+    } .tabs__l_1rewg .tabs__pickerWrapper_1rewg {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_4b0fa .tabs__option_4b0fa {
+    } .tabs__l_1rewg .tabs__option_1rewg {
         padding: 0;
-    } .tabs__xl_4b0fa .tabs__title_4b0fa {
+    } .tabs__xl_1rewg .tabs__title_1rewg {
         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_4b0fa .tabs__title_4b0fa + .tabs__title_4b0fa {
+    } .tabs__xl_1rewg .tabs__title_1rewg + .tabs__title_1rewg {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_4b0fa .tabs__pickerWrapper_4b0fa {
+    } .tabs__xl_1rewg .tabs__pickerWrapper_1rewg {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_4b0fa .tabs__option_4b0fa {
+    } .tabs__xl_1rewg .tabs__option_1rewg {
         padding: 0;
-    } .tabs__rightAddons_4b0fa {
+    } .tabs__rightAddons_1rewg {
     display: flex;
     justify-content: center;
     align-items: center;