@alfalab/core-components 47.14.0-beta.0 → 47.14.0

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

@@ -21,6 +21,11 @@
     --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-4-neg: var(--gap-2xs-neg);
 }:root {
 }:root {
 }:root {
@@ -36,36 +41,36 @@
     /* size xl */
 
     /* mobile */
-    --secondary-tablist-mobile-gaps: var(--gap-xs);
+    --secondary-tablist-mobile-gaps: var(--gap-8);
 
     /* size xxs */
-    --secondary-tablist-xxs-gaps: var(--gap-xs);
+    --secondary-tablist-xxs-gaps: var(--gap-8);
 
     /* size xs */
-    --secondary-tablist-xs-gaps: var(--gap-xs);
+    --secondary-tablist-xs-gaps: var(--gap-8);
 
     /* size s */
-    --secondary-tablist-s-gaps: var(--gap-s);
+    --secondary-tablist-s-gaps: var(--gap-12);
 
     /* size m */
-    --secondary-tablist-m-gaps: var(--gap-s);
+    --secondary-tablist-m-gaps: var(--gap-12);
 
     /* size l */
-    --secondary-tablist-l-gaps: var(--gap-m);
+    --secondary-tablist-l-gaps: var(--gap-16);
 
     /* size xl */
-    --secondary-tablist-xl-gaps: var(--gap-m);
+    --secondary-tablist-xl-gaps: var(--gap-16);
 }.tabs__component_7cfra {
     position: relative;
     display: inline-flex;
 }.tabs__fullWidthScroll_7cfra {
-    margin: 0 var(--gap-m);
+    margin: 0 var(--gap-16);
 }.tabs__container_7cfra {
     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);
+    margin: var(--gap-4-neg) 0 var(--gap-4-neg) var(--gap-4-neg);
+    padding: var(--gap-4) 0 var(--gap-4) var(--gap-4);
 }.tabs__title_7cfra {
     white-space: nowrap;
 }/* sizes */.tabs__xxs_7cfra .tabs__title_7cfra + .tabs__title_7cfra,
@@ -1606,38 +1611,38 @@
 
     /* новые значения, используйте их */
     --gap-0: 0;
-    --gap-2: 2px;
-    --gap-4: 4px;
-    --gap-8: 8px;
-    --gap-12: 12px;
-    --gap-16: 16px;
-    --gap-20: 20px;
-    --gap-24: 24px;
-    --gap-32: 32px;
-    --gap-40: 40px;
-    --gap-48: 48px;
+    --gap-2: var(--gap-3xs);
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+    --gap-40: var(--gap-3xl);
+    --gap-48: var(--gap-4xl);
     --gap-56: 56px;
-    --gap-64: 64px;
-    --gap-72: 72px;
+    --gap-64: var(--gap-5xl);
+    --gap-72: var(--gap-6xl);
     --gap-80: 80px;
-    --gap-96: 96px;
-    --gap-128: 128px;
-    --gap-2-neg: -2px;
-    --gap-4-neg: -4px;
-    --gap-8-neg: -8px;
-    --gap-12-neg: -12px;
-    --gap-16-neg: -16px;
-    --gap-20-neg: -20px;
-    --gap-24-neg: -24px;
-    --gap-32-neg: -32px;
-    --gap-40-neg: -40px;
-    --gap-48-neg: -48px;
+    --gap-96: var(--gap-7xl);
+    --gap-128: var(--gap-8xl);
+    --gap-2-neg: var(--gap-3xs-neg);
+    --gap-4-neg: var(--gap-2xs-neg);
+    --gap-8-neg: var(--gap-xs-neg);
+    --gap-12-neg: var(--gap-s-neg);
+    --gap-16-neg: var(--gap-m-neg);
+    --gap-20-neg: var(--gap-l-neg);
+    --gap-24-neg: var(--gap-xl-neg);
+    --gap-32-neg: var(--gap-2xl-neg);
+    --gap-40-neg: var(--gap-3xl-neg);
+    --gap-48-neg: var(--gap-4xl-neg);
     --gap-56-neg: -56px;
-    --gap-64-neg: -64px;
-    --gap-72-neg: -72px;
+    --gap-64-neg: var(--gap-5xl-neg);
+    --gap-72-neg: var(--gap-6xl-neg);
     --gap-80-neg: -80px;
-    --gap-96-neg: -96px;
-    --gap-128-neg: -128px;
+    --gap-96-neg: var(--gap-7xl-neg);
+    --gap-128-neg: var(--gap-8xl-neg);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -1668,61 +1673,61 @@
     --primary-tablist-font-feature-settings: normal;
 
     /* mobile */
-    --primary-tablist-mobile-gaps: var(--gap-xl);
+    --primary-tablist-mobile-gaps: var(--gap-24);
     --primary-tablist-mobile-font-size: 16px;
     --primary-tablist-mobile-line-height: 24px;
     --primary-tablist-mobile-font-weight: 400;
     --primary-tablist-mobile-font-family: var(--font-family-system);
-    --primary-tablist-mobile-padding: 0 0 var(--gap-s);
+    --primary-tablist-mobile-padding: 0 0 var(--gap-12);
 
     /* size s */
-    --primary-tablist-s-gaps: var(--gap-2xl);
+    --primary-tablist-s-gaps: var(--gap-32);
     --primary-tablist-s-font-size: 18px;
     --primary-tablist-s-font-weight: 400;
     --primary-tablist-s-font-family: var(--font-family-system);
-    --primary-tablist-s-padding: 0 0 var(--gap-s);
+    --primary-tablist-s-padding: 0 0 var(--gap-12);
 
     /* size m */
-    --primary-tablist-m-gaps: var(--gap-2xl);
+    --primary-tablist-m-gaps: var(--gap-32);
     --primary-tablist-m-font-size: 18px;
     --primary-tablist-m-font-weight: 400;
     --primary-tablist-m-font-family: var(--font-family-system);
-    --primary-tablist-m-padding: 0 0 var(--gap-m);
+    --primary-tablist-m-padding: 0 0 var(--gap-16);
 
     /* size l */
-    --primary-tablist-l-gaps: var(--gap-2xl);
+    --primary-tablist-l-gaps: var(--gap-32);
     --primary-tablist-l-font-size: 18px;
     --primary-tablist-l-font-weight: 400;
     --primary-tablist-l-font-family: var(--font-family-system);
-    --primary-tablist-l-padding: 0 0 var(--gap-l);
+    --primary-tablist-l-padding: 0 0 var(--gap-20);
 
     /* size xl */
-    --primary-tablist-xl-gaps: var(--gap-2xl);
+    --primary-tablist-xl-gaps: var(--gap-32);
     --primary-tablist-xl-font-size: 18px;
     --primary-tablist-xl-font-weight: 400;
     --primary-tablist-xl-font-family: var(--font-family-system);
-    --primary-tablist-xl-padding: 0 0 var(--gap-l);
+    --primary-tablist-xl-padding: 0 0 var(--gap-20);
 
     /* mobile */
-    --secondary-tablist-mobile-gaps: var(--gap-xs);
+    --secondary-tablist-mobile-gaps: var(--gap-8);
 
     /* size xxs */
-    --secondary-tablist-xxs-gaps: var(--gap-xs);
+    --secondary-tablist-xxs-gaps: var(--gap-8);
 
     /* size xs */
-    --secondary-tablist-xs-gaps: var(--gap-xs);
+    --secondary-tablist-xs-gaps: var(--gap-8);
 
     /* size s */
-    --secondary-tablist-s-gaps: var(--gap-s);
+    --secondary-tablist-s-gaps: var(--gap-12);
 
     /* size m */
-    --secondary-tablist-m-gaps: var(--gap-s);
+    --secondary-tablist-m-gaps: var(--gap-12);
 
     /* size l */
-    --secondary-tablist-l-gaps: var(--gap-m);
+    --secondary-tablist-l-gaps: var(--gap-16);
 
     /* size xl */
-    --secondary-tablist-xl-gaps: var(--gap-m);
+    --secondary-tablist-xl-gaps: var(--gap-16);
 } .tabs__title_z34pg {
 } .tabs__mobile_z34pg .tabs__title_z34pg + .tabs__title_z34pg,
     .tabs__mobile_z34pg .tabs__skeleton_z34pg + .tabs__skeleton_z34pg {

package/tabs/components/title/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { SkeletonProps } from '@alfalab/core-components/skeleton';
+import { SkeletonProps } from "../../../skeleton";
 import { Styles, TabListTitle } from "../../typings";
 declare const Title: React.ForwardRefExoticComponent<TabListTitle & Styles & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "id"> & {
     focused?: boolean | undefined;

package/tabs/components/title/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var skeleton = require('@alfalab/core-components/skeleton');
+var coreComponentsSkeleton = require('../../../skeleton');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -23,7 +23,7 @@ var Title = React.forwardRef(function (_a, ref) {
             _c[styles.collapsed] = collapsed && !isOption,
             _c[styles.option] = isOption,
             _c), toggleClassName) }),
-        showSkeleton ? (React__default.default.createElement(skeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: cn__default.default(titleClassName, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.className), visible: true }), title)) : (React__default.default.createElement("span", { className: cn__default.default(titleClassName) }, title)),
+        showSkeleton ? (React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: cn__default.default(titleClassName, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.className), visible: true }), title)) : (React__default.default.createElement("span", { className: cn__default.default(titleClassName) }, title)),
         rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles.rightAddons, (_d = {},
                 _d[styles.rightAddonsMarginZero] = !title,
                 _d)) }, rightAddons))));

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

@@ -28,6 +28,13 @@
     --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
+    --gap-32: var(--gap-2xl);
+    --gap-4-neg: var(--gap-2xs-neg);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -48,32 +55,32 @@
     /* mobile */
 
     /* size s */
-    --primary-tablist-s-gaps: var(--gap-2xl);
+    --primary-tablist-s-gaps: var(--gap-32);
     --primary-tablist-s-font-size: 18px;
     --primary-tablist-s-font-weight: 400;
     --primary-tablist-s-font-family: var(--font-family-system);
-    --primary-tablist-s-padding: 0 0 var(--gap-s);
+    --primary-tablist-s-padding: 0 0 var(--gap-12);
 
     /* size m */
-    --primary-tablist-m-gaps: var(--gap-2xl);
+    --primary-tablist-m-gaps: var(--gap-32);
     --primary-tablist-m-font-size: 18px;
     --primary-tablist-m-font-weight: 400;
     --primary-tablist-m-font-family: var(--font-family-system);
-    --primary-tablist-m-padding: 0 0 var(--gap-m);
+    --primary-tablist-m-padding: 0 0 var(--gap-16);
 
     /* size l */
-    --primary-tablist-l-gaps: var(--gap-2xl);
+    --primary-tablist-l-gaps: var(--gap-32);
     --primary-tablist-l-font-size: 18px;
     --primary-tablist-l-font-weight: 400;
     --primary-tablist-l-font-family: var(--font-family-system);
-    --primary-tablist-l-padding: 0 0 var(--gap-l);
+    --primary-tablist-l-padding: 0 0 var(--gap-20);
 
     /* size xl */
-    --primary-tablist-xl-gaps: var(--gap-2xl);
+    --primary-tablist-xl-gaps: var(--gap-32);
     --primary-tablist-xl-font-size: 18px;
     --primary-tablist-xl-font-weight: 400;
     --primary-tablist-xl-font-family: var(--font-family-system);
-    --primary-tablist-xl-padding: 0 0 var(--gap-l);
+    --primary-tablist-xl-padding: 0 0 var(--gap-20);
 
     /* mobile */
 
@@ -357,15 +364,15 @@
         } .desktop.headline-xsmall .scrollControls button:first-child {
             margin: 0 0 0 calc(24px / 2);
         } .fullWidthScroll {
-    min-width: calc(100% - 2 * var(--gap-m));
-    margin: 0 var(--gap-m);
+    min-width: calc(100% - 2 * var(--gap-16));
+    margin: 0 var(--gap-16);
 } .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);
+    margin: var(--gap-4-neg) 0 var(--gap-4-neg) var(--gap-4-neg);
+    padding: var(--gap-4) 0 var(--gap-4) var(--gap-4);
 } .title {
     display: flex;
     align-items: center;
@@ -457,7 +464,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-left: var(--gap-xs);
+    margin-left: var(--gap-8);
 } .rightAddonsMarginZero {
     margin-left: 0;
 }

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

@@ -17,6 +17,8 @@
     --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
+    --gap-24: var(--gap-xl);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -26,12 +28,12 @@
 } :root {
 
     /* mobile */
-    --primary-tablist-mobile-gaps: var(--gap-xl);
+    --primary-tablist-mobile-gaps: var(--gap-24);
     --primary-tablist-mobile-font-size: 16px;
     --primary-tablist-mobile-line-height: 24px;
     --primary-tablist-mobile-font-weight: 400;
     --primary-tablist-mobile-font-family: var(--font-family-system);
-    --primary-tablist-mobile-padding: 0 0 var(--gap-s);
+    --primary-tablist-mobile-padding: 0 0 var(--gap-12);
 
     /* size s */
 

package/tabs/cssm/components/scroll-controls/index.module.css

@@ -19,6 +19,8 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
 } :root {
 } :root {
 } :root {
@@ -65,11 +67,11 @@
     } .primary {
 
     .button:first-child {
-        padding-left: var(--gap-xs);
-        margin-right: var(--gap-xs);
+        padding-left: var(--gap-8);
+        margin-right: var(--gap-8);
     }
 } .primary.xl .button:first-child {
-        margin-right: var(--gap-2xs);
+        margin-right: var(--gap-4);
     } .secondary {
     align-items: center;
     justify-content: center
@@ -87,7 +89,7 @@
         width: 76px;
 
         .button:first-child {
-            margin-right: var(--gap-2xs);
+            margin-right: var(--gap-4);
         }
     } .borderVisible:before {
     background-color: var(--color-light-neutral-translucent-300);

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

@@ -18,6 +18,9 @@
     --gap-m-neg: -16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-4-neg: var(--gap-2xs-neg);
+    --gap-16-neg: var(--gap-m-neg);
 } :root {
 } :root {
 } :root {
@@ -56,13 +59,13 @@
     flex: 1;
 
     /* 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)
+    margin: var(--gap-4-neg) 0 var(--gap-4-neg) var(--gap-4-neg);
+    padding: var(--gap-4) 0 var(--gap-4) var(--gap-4)
 } .container::-webkit-scrollbar {
         display: none;
     } .container > * {
         flex-shrink: 0;
     } .fullWidthScroll {
     padding-left: 0;
-    margin: var(--gap-2xs-neg) var(--gap-m-neg);
+    margin: var(--gap-4-neg) var(--gap-16-neg);
 }

package/tabs/cssm/components/secondary-tablist/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var skeleton = require('@alfalab/core-components/skeleton');
+var coreComponentsSkeleton = require('../../../../skeleton/cssm');
 var hooks_useTabs = require('../../hooks/use-tabs.js');
 var components_scrollableContainer_Component = require('../scrollable-container/Component.js');
 
@@ -39,7 +39,7 @@ var SecondaryTabList = function (_a) {
             if (item.hidden)
                 return null;
             var renderTab = function () { return (React__default.default.createElement(TagComponent, tslib.__assign({}, getTabListItemProps(index), { shape: tagShape, view: tagView, key: item.id, className: cn__default.default(styles.title, item.toggleClassName), checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }), item.title)); };
-            return showSkeleton ? (React__default.default.createElement(skeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: cn__default.default(styles.skeleton, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.className), key: item.id, visible: true, style: tslib.__assign(tslib.__assign({}, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.style), { borderRadius: getBorderRadius(tagShape, tagSize, platform === 'mobile') }) }), renderTab())) : (renderTab());
+            return showSkeleton ? (React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: cn__default.default(styles.skeleton, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.className), key: item.id, visible: true, style: tslib.__assign(tslib.__assign({}, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.style), { borderRadius: getBorderRadius(tagShape, tagSize, platform === 'mobile') }) }), renderTab())) : (renderTab());
         })));
     };
     return scrollable ? (React__default.default.createElement(components_scrollableContainer_Component.ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName, fullWidthScroll: fullWidthScroll, view: 'secondary', size: size, platform: platform, inlineStyle: inlineStyle, showSkeleton: showSkeleton }, renderContent())) : (React__default.default.createElement("div", { className: cn__default.default(styles.container, containerClassName), style: inlineStyle }, renderContent()));

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

@@ -20,6 +20,11 @@
     --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-4-neg: var(--gap-2xs-neg);
 } :root {
 } :root {
 } :root {
@@ -37,33 +42,33 @@
     /* mobile */
 
     /* size xxs */
-    --secondary-tablist-xxs-gaps: var(--gap-xs);
+    --secondary-tablist-xxs-gaps: var(--gap-8);
 
     /* size xs */
-    --secondary-tablist-xs-gaps: var(--gap-xs);
+    --secondary-tablist-xs-gaps: var(--gap-8);
 
     /* size s */
-    --secondary-tablist-s-gaps: var(--gap-s);
+    --secondary-tablist-s-gaps: var(--gap-12);
 
     /* size m */
-    --secondary-tablist-m-gaps: var(--gap-s);
+    --secondary-tablist-m-gaps: var(--gap-12);
 
     /* size l */
-    --secondary-tablist-l-gaps: var(--gap-m);
+    --secondary-tablist-l-gaps: var(--gap-16);
 
     /* size xl */
-    --secondary-tablist-xl-gaps: var(--gap-m);
+    --secondary-tablist-xl-gaps: var(--gap-16);
 } .component {
     position: relative;
     display: inline-flex;
 } .fullWidthScroll {
-    margin: 0 var(--gap-m);
+    margin: 0 var(--gap-16);
 } .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);
+    margin: var(--gap-4-neg) 0 var(--gap-4-neg) var(--gap-4-neg);
+    padding: var(--gap-4) 0 var(--gap-4) var(--gap-4);
 } .title {
     white-space: nowrap;
 } /* sizes */ .xxs .title + .title,

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

@@ -16,6 +16,7 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
+    --gap-8: var(--gap-xs);
 } :root {
 } :root {
 } :root {
@@ -31,7 +32,7 @@
     /* size xl */
 
     /* mobile */
-    --secondary-tablist-mobile-gaps: var(--gap-xs);
+    --secondary-tablist-mobile-gaps: var(--gap-8);
 
     /* size xxs */
 

package/tabs/cssm/components/title/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { SkeletonProps } from '@alfalab/core-components/skeleton';
+import { SkeletonProps } from "../../../../skeleton";
 import { Styles, TabListTitle } from "../../typings";
 declare const Title: React.ForwardRefExoticComponent<TabListTitle & Styles & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "id"> & {
     focused?: boolean | undefined;

package/tabs/cssm/components/title/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var skeleton = require('@alfalab/core-components/skeleton');
+var coreComponentsSkeleton = require('../../../../skeleton/cssm');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -23,7 +23,7 @@ var Title = React.forwardRef(function (_a, ref) {
             _c[styles.collapsed] = collapsed && !isOption,
             _c[styles.option] = isOption,
             _c), toggleClassName) }),
-        showSkeleton ? (React__default.default.createElement(skeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: cn__default.default(titleClassName, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.className), visible: true }), title)) : (React__default.default.createElement("span", { className: cn__default.default(titleClassName) }, title)),
+        showSkeleton ? (React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: cn__default.default(titleClassName, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.className), visible: true }), title)) : (React__default.default.createElement("span", { className: cn__default.default(titleClassName) }, title)),
         rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles.rightAddons, (_d = {},
                 _d[styles.rightAddonsMarginZero] = !title,
                 _d)) }, rightAddons))));

package/tabs/cssm/typings.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FC, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
-import { SkeletonProps } from '@alfalab/core-components/skeleton';
+import { SkeletonProps } from "../../skeleton";
 import { TagProps } from "../../tag";
 type SelectedId = string | number;
 type TabsProps = {

package/tabs/esm/collapsible/index.js

@@ -17,6 +17,6 @@ import 'react-merge-refs';
 import '../../../shared/esm';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
-import '@alfalab/core-components/skeleton';
-import '../index.module-3bf0d3d4.js';
+import '../../../skeleton/esm';
+import '../index.module-8d904aef.js';
 import '../components/tabs/Component.js';

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

@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/esm/desktop';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-3bf0d3d4.js';
+import { s as styles } from '../../index.module-8d904aef.js';
 import '../../../../mq/esm';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';
@@ -15,7 +15,7 @@ import '@alfalab/hooks';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';
 import '../../../../shared/esm';
-import '@alfalab/core-components/skeleton';
+import '../../../../skeleton/esm';
 
 var CollapsiblePrimaryTabList = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, _e = _a.breakpoint, breakpoint = _e === void 0 ? 1024 : _e, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;

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

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-3bf0d3d4.js';
+import { s as styles } from '../../index.module-8d904aef.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';
@@ -17,7 +17,7 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '@alfalab/core-components/skeleton';
+import '../../../../skeleton/esm';
 
 var PrimaryTabListDesktop = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'm' : _b, restProps = __rest(_a, ["size"]);

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

@@ -15,7 +15,7 @@ import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '@alfalab/core-components/skeleton';
+import '../../../../skeleton/esm';
 
 var PrimaryTabList = function (_a) {
     var size = _a.size, _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, platform = _a.platform, textStyle = _a.textStyle, inlineStyle = _a.inlineStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;

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

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-3bf0d3d4.js';
+import { s as styles$1 } from '../../index.module-8d904aef.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';
@@ -17,7 +17,7 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '@alfalab/core-components/skeleton';
+import '../../../../skeleton/esm';
 
 var mobileStyles = {"title":"tabs__title_92j7x tabs__title_eayl2","mobile":"tabs__mobile_92j7x","paragraph-primary-large":"tabs__paragraph-primary-large_92j7x","paragraph-primary-medium":"tabs__paragraph-primary-medium_92j7x","paragraph-primary-small":"tabs__paragraph-primary-small_92j7x","action-primary-large":"tabs__action-primary-large_92j7x","action-primary-medium":"tabs__action-primary-medium_92j7x","action-primary-small":"tabs__action-primary-small_92j7x","accent-primary-large":"tabs__accent-primary-large_92j7x","accent-primary-medium":"tabs__accent-primary-medium_92j7x","accent-primary-small":"tabs__accent-primary-small_92j7x","pickerWrapper":"tabs__pickerWrapper_92j7x","option":"tabs__option_92j7x","scrollControls":"tabs__scrollControls_92j7x","headline-system-xlarge":"tabs__headline-system-xlarge_92j7x","headline-system-large":"tabs__headline-system-large_92j7x","headline-system-medium":"tabs__headline-system-medium_92j7x","headline-system-small":"tabs__headline-system-small_92j7x","headline-system-xsmall":"tabs__headline-system-xsmall_92j7x","headline-xlarge":"tabs__headline-xlarge_92j7x","headline-large":"tabs__headline-large_92j7x","headline-medium":"tabs__headline-medium_92j7x","headline-small":"tabs__headline-small_92j7x","headline-xsmall":"tabs__headline-xsmall_92j7x"};
 require('./mobile.css');

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

@@ -19,8 +19,8 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '@alfalab/core-components/skeleton';
-import '../../index.module-3bf0d3d4.js';
+import '../../../../skeleton/esm';
+import '../../index.module-8d904aef.js';
 
 var PrimaryTabListResponsive = function (_a) {
     var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, fullWidthScroll = _a.fullWidthScroll, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["size", "breakpoint", "fullWidthScroll", "defaultMatchMediaValue"]);