npm - @consta/uikit - Versions diffs - 3.28.0 → 3.29.0 - Mend

@consta/uikit 3.28.0 → 3.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (387) hide show

package/Attach/package.json +1 -1
package/Attachment/package.json +1 -1
package/Avatar/package.json +1 -1
package/AvatarGroup/package.json +1 -1
package/Badge/package.json +1 -1
package/BasicSelectDeprecated/package.json +1 -1
package/Breadcrumbs/package.json +1 -1
package/BreadcrumbsCanary/package.json +1 -1
package/Button/package.json +1 -1
package/CHANGELOG.md +10 -20
package/Calendar/package.json +1 -1
package/Card/package.json +1 -1
package/Checkbox/package.json +1 -1
package/CheckboxGroup/package.json +1 -1
package/CheckboxGroupCanary/package.json +1 -1
package/ChoiceGroup/package.json +1 -1
package/ChoiceGroupCanary/package.json +1 -1
package/Collapse/package.json +1 -1
package/CollapseGroup/package.json +1 -1
package/Combobox/package.json +1 -1
package/ComboboxDeprecated/package.json +1 -1
package/ContextMenu/package.json +1 -1
package/ContextMenuCanary/package.json +1 -1
package/DatePickerCanary/package.json +1 -1
package/DateTimeCanary/package.json +1 -1
package/DragNDropField/package.json +1 -1
package/EventInterceptor/package.json +1 -1
package/FieldCaption/package.json +1 -1
package/FieldGroup/package.json +1 -1
package/FieldLabel/package.json +1 -1
package/File/package.json +1 -1
package/FileField/package.json +1 -1
package/FileIcon/package.json +1 -1
package/FileIconAvi/package.json +1 -1
package/FileIconBmp/package.json +1 -1
package/FileIconCsv/package.json +1 -1
package/FileIconDoc/package.json +1 -1
package/FileIconExe/package.json +1 -1
package/FileIconGif/package.json +1 -1
package/FileIconJpg/package.json +1 -1
package/FileIconJson/package.json +1 -1
package/FileIconLoading/package.json +1 -1
package/FileIconMov/package.json +1 -1
package/FileIconMp3/package.json +1 -1
package/FileIconMp4/package.json +1 -1
package/FileIconPdf/package.json +1 -1
package/FileIconPng/package.json +1 -1
package/FileIconPpt/package.json +1 -1
package/FileIconRar/package.json +1 -1
package/FileIconRtf/package.json +1 -1
package/FileIconTiff/package.json +1 -1
package/FileIconTxt/package.json +1 -1
package/FileIconUndefined/package.json +1 -1
package/FileIconWav/package.json +1 -1
package/FileIconXls/package.json +1 -1
package/FileIconZip/package.json +1 -1
package/Grid/package.json +1 -1
package/Header/package.json +1 -1
package/Icon/package.json +1 -1
package/IconAdd/package.json +1 -1
package/IconAddToComparison/package.json +1 -1
package/IconAlert/package.json +1 -1
package/IconAlignBlocksLeft/package.json +1 -1
package/IconAlignBlocksRight/package.json +1 -1
package/IconAlignCenter/package.json +1 -1
package/IconAlignJustify/package.json +1 -1
package/IconAlignLeft/package.json +1 -1
package/IconAlignRight/package.json +1 -1
package/IconAllDone/package.json +1 -1
package/IconArrowDown/package.json +1 -1
package/IconArrowLeft/package.json +1 -1
package/IconArrowRight/package.json +1 -1
package/IconArrowUp/package.json +1 -1
package/IconArtBrush/package.json +1 -1
package/IconAttach/package.json +1 -1
package/IconAxesRotate/package.json +1 -1
package/IconBackward/package.json +1 -1
package/IconBag/package.json +1 -1
package/IconBarrier/package.json +1 -1
package/IconBento/package.json +1 -1
package/IconBit/package.json +1 -1
package/IconBold/package.json +1 -1
package/IconBook/package.json +1 -1
package/IconBookmarkFilled/package.json +1 -1
package/IconBookmarkStroked/package.json +1 -1
package/IconCalculator/package.json +1 -1
package/IconCalendar/package.json +1 -1
package/IconCamera/package.json +1 -1
package/IconCancel/package.json +1 -1
package/IconCards/package.json +1 -1
package/IconChat/package.json +1 -1
package/IconChatFilled/package.json +1 -1
package/IconChatStroked/package.json +1 -1
package/IconCheck/package.json +1 -1
package/IconClose/package.json +1 -1
package/IconCollapse/package.json +1 -1
package/IconColorFill/package.json +1 -1
package/IconColorText/package.json +1 -1
package/IconColumns/package.json +1 -1
package/IconComment/package.json +1 -1
package/IconCommentFilled/package.json +1 -1
package/IconCommentStroked/package.json +1 -1
package/IconConnection/package.json +1 -1
package/IconCopy/package.json +1 -1
package/IconCrown/package.json +1 -1
package/IconCursorMouse/package.json +1 -1
package/IconDataNull/package.json +1 -1
package/IconDiamond/package.json +1 -1
package/IconDinosaur/package.json +1 -1
package/IconDisconnection/package.json +1 -1
package/IconDocAdd/package.json +1 -1
package/IconDocBlank/package.json +1 -1
package/IconDocDelete/package.json +1 -1
package/IconDocExport/package.json +1 -1
package/IconDocFilled/package.json +1 -1
package/IconDown/package.json +1 -1
package/IconDownload/package.json +1 -1
package/IconDrag/package.json +1 -1
package/IconDraggable/package.json +1 -1
package/IconDrillingPartLeftFilled/package.json +1 -1
package/IconDrillingPartLeftStroked/package.json +1 -1
package/IconDrillingPartRightFilled/package.json +1 -1
package/IconDrillingPartRightStroked/package.json +1 -1
package/IconDrillingRig/package.json +1 -1
package/IconDrop/package.json +1 -1
package/IconEdit/package.json +1 -1
package/IconExit/package.json +1 -1
package/IconExpand/package.json +1 -1
package/IconEye/package.json +1 -1
package/IconEyeClose/package.json +1 -1
package/IconFavorite/package.json +1 -1
package/IconFilter/package.json +1 -1
package/IconFishboneFilled/package.json +1 -1
package/IconFishboneStroked/package.json +1 -1
package/IconFitToDefault/package.json +1 -1
package/IconFlagFilled/package.json +1 -1
package/IconFlagStroked/package.json +1 -1
package/IconFolders/package.json +1 -1
package/IconForward/package.json +1 -1
package/IconFunnel/package.json +1 -1
package/IconGas/package.json +1 -1
package/IconGeo/package.json +1 -1
package/IconGradients/package.json +1 -1
package/IconGrouping/package.json +1 -1
package/IconHamburger/package.json +1 -1
package/IconHand/package.json +1 -1
package/IconHealth/package.json +1 -1
package/IconHome/package.json +1 -1
package/IconInComparison/package.json +1 -1
package/IconIncident/package.json +1 -1
package/IconInfo/package.json +1 -1
package/IconIntroduction/package.json +1 -1
package/IconIpad/package.json +1 -1
package/IconItalic/package.json +1 -1
package/IconKebab/package.json +1 -1
package/IconKernFilled/package.json +1 -1
package/IconKernStroked/package.json +1 -1
package/IconLaptop/package.json +1 -1
package/IconLayers/package.json +1 -1
package/IconLeaf/package.json +1 -1
package/IconLightningBolt/package.json +1 -1
package/IconLineAndBarChart/package.json +1 -1
package/IconLink/package.json +1 -1
package/IconList/package.json +1 -1
package/IconListNumbered/package.json +1 -1
package/IconLithologyFilled/package.json +1 -1
package/IconLithologyStroked/package.json +1 -1
package/IconLock/package.json +1 -1
package/IconLogicalElement/package.json +1 -1
package/IconMBU/package.json +1 -1
package/IconMGRP/package.json +1 -1
package/IconMLSP/package.json +1 -1
package/IconMMP/package.json +1 -1
package/IconMail/package.json +1 -1
package/IconMap/package.json +1 -1
package/IconMaxHeight/package.json +1 -1
package/IconMaxWidth/package.json +1 -1
package/IconMeatball/package.json +1 -1
package/IconMic/package.json +1 -1
package/IconMolecules/package.json +1 -1
package/IconMoon/package.json +1 -1
package/IconNodeEnd/package.json +1 -1
package/IconNodeStart/package.json +1 -1
package/IconNodeStep/package.json +1 -1
package/IconNodes/package.json +1 -1
package/IconOilBarrel/package.json +1 -1
package/IconOpenInNew/package.json +1 -1
package/IconOperators/package.json +1 -1
package/IconPanelBottom/package.json +1 -1
package/IconPanelLeft/package.json +1 -1
package/IconPanelRight/package.json +1 -1
package/IconPanelTop/package.json +1 -1
package/IconPaste/package.json +1 -1
package/IconPause/package.json +1 -1
package/IconPhone/package.json +1 -1
package/IconPhoto/package.json +1 -1
package/IconPicture/package.json +1 -1
package/IconPlay/package.json +1 -1
package/IconPressure/package.json +1 -1
package/IconPressureFilled/package.json +1 -1
package/IconPressureStroked/package.json +1 -1
package/IconPriceLabel/package.json +1 -1
package/IconProcessing/package.json +1 -1
package/IconQuestion/package.json +1 -1
package/IconQuote/package.json +1 -1
package/IconRUO/package.json +1 -1
package/IconRUS/package.json +1 -1
package/IconRecord/package.json +1 -1
package/IconRemove/package.json +1 -1
package/IconRemoveFromComparison/package.json +1 -1
package/IconReply/package.json +1 -1
package/IconResize/package.json +1 -1
package/IconRestart/package.json +1 -1
package/IconRevert/package.json +1 -1
package/IconRing/package.json +1 -1
package/IconRouble/package.json +1 -1
package/IconRuler/package.json +1 -1
package/IconSave/package.json +1 -1
package/IconScreen/package.json +1 -1
package/IconSearch/package.json +1 -1
package/IconSelect/package.json +1 -1
package/IconSelectOpen/package.json +1 -1
package/IconSendMessage/package.json +1 -1
package/IconSettings/package.json +1 -1
package/IconShape/package.json +1 -1
package/IconShuffle/package.json +1 -1
package/IconSmile/package.json +1 -1
package/IconSnowflake/package.json +1 -1
package/IconSortDown/package.json +1 -1
package/IconSortDownCenter/package.json +1 -1
package/IconSortUp/package.json +1 -1
package/IconSortUpCenter/package.json +1 -1
package/IconSpeed/package.json +1 -1
package/IconStop/package.json +1 -1
package/IconStorage/package.json +1 -1
package/IconStrikethrough/package.json +1 -1
package/IconString/package.json +1 -1
package/IconSun/package.json +1 -1
package/IconTable/package.json +1 -1
package/IconTable2/package.json +1 -1
package/IconTarget/package.json +1 -1
package/IconTeam/package.json +1 -1
package/IconTechResponse/package.json +1 -1
package/IconTest/package.json +1 -1
package/IconThumbUp/package.json +1 -1
package/IconTie/package.json +1 -1
package/IconTop/package.json +1 -1
package/IconTrajectory/package.json +1 -1
package/IconTrash/package.json +1 -1
package/IconType/package.json +1 -1
package/IconUnderline/package.json +1 -1
package/IconUnlock/package.json +1 -1
package/IconUnsort/package.json +1 -1
package/IconUnsortCenter/package.json +1 -1
package/IconUpload/package.json +1 -1
package/IconUser/package.json +1 -1
package/IconVZD/package.json +1 -1
package/IconVideo/package.json +1 -1
package/IconWarning/package.json +1 -1
package/IconWatch/package.json +1 -1
package/IconWellOpen/package.json +1 -1
package/IconWellPipe/package.json +1 -1
package/IconWideScreen/package.json +1 -1
package/IconWorld/package.json +1 -1
package/IconWorldFilled/package.json +1 -1
package/IconWorldStroked/package.json +1 -1
package/IconWrench/package.json +1 -1
package/IconYandexDzen/package.json +1 -1
package/IconYoutube/package.json +1 -1
package/Informer/package.json +1 -1
package/LayoutCanary/package.json +1 -1
package/Loader/package.json +1 -1
package/MixCard/package.json +1 -1
package/MixFocus/package.json +1 -1
package/MixPopoverAnimate/package.json +1 -1
package/MixPopoverArrow/package.json +1 -1
package/MixSpace/package.json +1 -1
package/MixVisuallyHidden/package.json +1 -1
package/Modal/package.json +1 -1
package/MultiComboboxDeprecated/package.json +1 -1
package/Pagination/package.json +1 -1
package/Popover/package.json +1 -1
package/PortalWithTheme/package.json +1 -1
package/ProgressLine/package.json +1 -1
package/ProgressSpin/package.json +1 -1
package/ProgressStepBarCanary/package.json +1 -1
package/Radio/package.json +1 -1
package/RadioGroup/package.json +1 -1
package/Responses/package.json +1 -1
package/Responses403/package.json +1 -1
package/Responses404/package.json +1 -1
package/Responses500/package.json +1 -1
package/Responses503/package.json +1 -1
package/ResponsesConnectionError/package.json +1 -1
package/ResponsesDeleted/package.json +1 -1
package/ResponsesEmptyBox/package.json +1 -1
package/ResponsesEmptyPockets/package.json +1 -1
package/ResponsesExit/package.json +1 -1
package/ResponsesImage/package.json +1 -1
package/ResponsesImage403/package.json +1 -1
package/ResponsesImage404/package.json +1 -1
package/ResponsesImage500/package.json +1 -1
package/ResponsesImage503/package.json +1 -1
package/ResponsesImageConnectionError/package.json +1 -1
package/ResponsesImageDeleted/package.json +1 -1
package/ResponsesImageEmptyBox/package.json +1 -1
package/ResponsesImageEmptyPockets/package.json +1 -1
package/ResponsesImageNothingFound/package.json +1 -1
package/ResponsesImageSuccess/package.json +1 -1
package/ResponsesNothingFound/package.json +1 -1
package/ResponsesSuccess/package.json +1 -1
package/Select/package.json +1 -1
package/Sidebar/package.json +1 -1
package/Skeleton/package.json +1 -1
package/SliderCanary/package.json +1 -1
package/SnackBar/package.json +1 -1
package/Steps/package.json +1 -1
package/StepsCanary/package.json +1 -1
package/Switch/package.json +1 -1
package/SwitchGroup/package.json +1 -1
package/SwitchGroupCanary/package.json +1 -1
package/Table/package.json +1 -1
package/Tabs/package.json +1 -1
package/TabsCanary/package.json +1 -1
package/Tag/package.json +1 -1
package/TagBase/package.json +1 -1
package/Text/package.json +1 -1
package/TextField/package.json +1 -1
package/Theme/package.json +1 -1
package/ThemeToggler/package.json +1 -1
package/Timer/package.json +1 -1
package/Tooltip/package.json +1 -1
package/User/package.json +1 -1
package/UserSelect/package.json +1 -1
package/UserSelectDeprecated/package.json +1 -1
package/__internal__/cjs-src/components/Tabs/Line/TabsLine.css +2 -2
package/__internal__/cjs-src/components/Tabs/Tab/TabsTab.css +10 -2
package/__internal__/cjs-src/components/Tabs/Tab/TabsTab.js +1 -0
package/__internal__/cjs-src/components/Tabs/Tabs.css +8 -4
package/__internal__/cjs-src/components/Tabs/Tabs.d.ts +1 -1
package/__internal__/cjs-src/components/Tabs/Tabs.js +1 -1
package/__internal__/cjs-src/components/TabsCanary/Line/TabsLine.css +2 -2
package/__internal__/cjs-src/components/TabsCanary/Tab/TabsTab.css +10 -2
package/__internal__/cjs-src/components/TabsCanary/Tab/TabsTab.js +1 -0
package/__internal__/cjs-src/components/TabsCanary/Tabs.css +8 -4
package/__internal__/cjs-src/components/TabsCanary/helpers.d.ts +2 -2
package/__internal__/cjs-src/components/TabsCanary/types.d.ts +1 -1
package/__internal__/cjs-src/components/TabsCanary/types.js +1 -1
package/__internal__/src/components/Tabs/Line/TabsLine.css +2 -2
package/__internal__/src/components/Tabs/Tab/TabsTab.css +10 -2
package/__internal__/src/components/Tabs/Tab/TabsTab.js +1 -0
package/__internal__/src/components/Tabs/Tabs.css +8 -4
package/__internal__/src/components/Tabs/Tabs.d.ts +1 -1
package/__internal__/src/components/Tabs/Tabs.js +1 -1
package/__internal__/src/components/TabsCanary/Line/TabsLine.css +2 -2
package/__internal__/src/components/TabsCanary/Tab/TabsTab.css +10 -2
package/__internal__/src/components/TabsCanary/Tab/TabsTab.js +1 -0
package/__internal__/src/components/TabsCanary/Tabs.css +8 -4
package/__internal__/src/components/TabsCanary/helpers.d.ts +2 -2
package/__internal__/src/components/TabsCanary/types.d.ts +1 -1
package/__internal__/src/components/TabsCanary/types.js +1 -1
package/createIcon/package.json +1 -1
package/createResponsesImage/package.json +1 -1
package/package.json +1 -1
package/useBreakpoints/package.json +1 -1
package/useChoiceGroup/package.json +1 -1
package/useChoiceGroupIndexed/package.json +1 -1
package/useClickOutside/package.json +1 -1
package/useComponentSize/package.json +1 -1
package/useDebounce/package.json +1 -1
package/useFlag/package.json +1 -1
package/useForkRef/package.json +1 -1
package/useGlobalKeys/package.json +1 -1
package/useHideElementsInLine/package.json +1 -1
package/useKeys/package.json +1 -1
package/useMutableRef/package.json +1 -1
package/useOverflow/package.json +1 -1
package/usePrevious/package.json +1 -1
package/useRefs/package.json +1 -1
package/useResizeObserved/package.json +1 -1
package/useScrollElements/package.json +1 -1
package/useScrollPosition/package.json +1 -1
package/useSelect/package.json +1 -1
package/useSortSteps/package.json +1 -1
package/useThemeVars/package.json +1 -1
package/useTimer/package.json +1 -1
package/withTooltip/package.json +1 -1

package/__internal__/cjs-src/components/Tabs/Tab/TabsTab.css CHANGED Viewed

@@ -7,26 +7,34 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: var(--space-xs) 0;
+  padding: var(--tab-padding) 0;
   color: var(--color-typo-secondary);
   background-color: transparent;
   border: none;
   font-family: var(--font);
   font-size: var(--tab-font-size);
-  line-height: var(--line-height-text-s);
+  line-height: var(--size-text-2xl);
   text-align: left;
   cursor: pointer;
   -webkit-transition: color 0.2s;
   transition: color 0.2s;
 }
+  .TabsTab_size_xs {
+      --only-icon-size: var(--space-m);
+      --tab-padding: calc(calc(var(--space-xs) - var(--space-3xs)) / 2);
+      --tab-font-size: var(--size-text-xs);
+    }
   .TabsTab_size_s {
       --only-icon-size: var(--space-l);
+      --tab-padding: calc(var(--space-xs) - var(--space-3xs));
       --tab-font-size: var(--size-text-s);
     }
   .TabsTab_size_m {
       --only-icon-size: var(--space-xl);
+      --tab-padding: calc(calc(var(--space-m) - var(--space-3xs)) / 2);
       --tab-font-size: var(--size-text-m);
     }

package/__internal__/cjs-src/components/Tabs/Tab/TabsTab.js CHANGED Viewed

@@ -9,6 +9,7 @@ var bem_1 = require("../../../utils/bem");
 var getByMap_1 = require("../../../utils/getByMap");
 exports.cnTabsTab = bem_1.cn('TabsTab');
 var sizeMap = {
+    xs: 'xs',
     s: 'xs',
     m: 's'
 };

package/__internal__/cjs-src/components/Tabs/Tabs.css CHANGED Viewed

@@ -2,13 +2,17 @@
   position: relative;
 }
+  .Tabs_size_xs {
+      --list-offset: var(--space-xs);
+    }
   .Tabs_size_s {
-    --list-offset: var(--space-s);
-  }
+      --list-offset: var(--space-s);
+    }
   .Tabs_size_m {
-    --list-offset: var(--space-m);
-  }
+      --list-offset: var(--space-m);
+    }
   .Tabs-List {
     position: relative;

package/__internal__/cjs-src/components/Tabs/Tabs.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import React from 'react';
 import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { cnTabsTab, TabsTab } from './Tab/TabsTab';
-export declare const tabsSizes: readonly ["m", "s"];
+export declare const tabsSizes: readonly ["m", "s", "xs"];
 export declare type TabsPropSize = typeof tabsSizes[number];
 export declare const tabsDefaultSize: TabsPropSize;
 export declare const tabsViews: readonly ["bordered", "clear"];

package/__internal__/cjs-src/components/Tabs/Tabs.js CHANGED Viewed

@@ -14,7 +14,7 @@ var TabsTab_1 = require("./Tab/TabsTab");
 exports.cnTabsTab = TabsTab_1.cnTabsTab;
 exports.TabsTab = TabsTab_1.TabsTab;
 var helpers_1 = require("./helpers");
-exports.tabsSizes = ['m', 's'];
+exports.tabsSizes = ['m', 's', 'xs'];
 exports.tabsDefaultSize = exports.tabsSizes[0];
 exports.tabsViews = ['bordered', 'clear'];
 exports.tabsDefaultView = exports.tabsViews[0];

package/__internal__/cjs-src/components/TabsCanary/Line/TabsLine.css CHANGED Viewed

@@ -4,12 +4,12 @@
   .TabsLine_type_border {
     --line-thickness: 1px;
-    background-color: var(--color-bg-border);
+    background-color: var(--color-control-bg-border-default);
   }
   .TabsLine_type_running {
     --line-thickness: 2px;
-    background-color: var(--color-bg-brand);
+    background-color: var(--color-control-bg-primary);
     -webkit-transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
     transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
     transition: transform 0.25s, width 0.25s, height 0.25s;

package/__internal__/cjs-src/components/TabsCanary/Tab/TabsTab.css CHANGED Viewed

@@ -7,26 +7,34 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: var(--space-xs) 0;
+  padding: var(--tab-padding) 0;
   color: var(--color-typo-secondary);
   background-color: transparent;
   border: none;
   font-family: var(--font);
   font-size: var(--tab-font-size);
-  line-height: var(--line-height-text-s);
+  line-height: var(--size-text-2xl);
   text-align: left;
   cursor: pointer;
   -webkit-transition: color 0.2s;
   transition: color 0.2s;
 }
+  .TabsTab_size_xs {
+      --only-icon-size: var(--space-m);
+      --tab-padding: calc(calc(var(--space-xs) - var(--space-3xs)) / 2);
+      --tab-font-size: var(--size-text-xs);
+    }
   .TabsTab_size_s {
       --only-icon-size: var(--space-l);
+      --tab-padding: calc(var(--space-xs) - var(--space-3xs));
       --tab-font-size: var(--size-text-s);
     }
   .TabsTab_size_m {
       --only-icon-size: var(--space-xl);
+      --tab-padding: calc(calc(var(--space-m) - var(--space-3xs)) / 2);
       --tab-font-size: var(--size-text-m);
     }

package/__internal__/cjs-src/components/TabsCanary/Tab/TabsTab.js CHANGED Viewed

@@ -9,6 +9,7 @@ var bem_1 = require("../../../utils/bem");
 var getByMap_1 = require("../../../utils/getByMap");
 exports.cnTabsTab = bem_1.cn('TabsTab');
 var sizeMap = {
+    xs: 'xs',
     s: 'xs',
     m: 's'
 };

package/__internal__/cjs-src/components/TabsCanary/Tabs.css CHANGED Viewed

@@ -2,13 +2,17 @@
   position: relative;
 }
+  .Tabs_size_xs {
+      --list-offset: var(--space-xs);
+    }
   .Tabs_size_s {
-    --list-offset: var(--space-s);
-  }
+      --list-offset: var(--space-s);
+    }
   .Tabs_size_m {
-    --list-offset: var(--space-m);
-  }
+      --list-offset: var(--space-m);
+    }
   .Tabs-List {
     position: relative;

package/__internal__/cjs-src/components/TabsCanary/helpers.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export declare const getTabsWrapper: (tabsDirection: TabsDirection, fitMode: Tab
 export declare const withDefaultGetters: (props: TabsProps) => {
     getItemLabel: TabsPropGetItemLabel<TabsItemDefault>;
     getItemIcon: TabsPropGetItemIcon<TabsItemDefault>;
-    size?: "s" | "m" | undefined;
+    size?: "xs" | "s" | "m" | undefined;
     onlyIcon?: boolean | undefined;
     view?: "clear" | "bordered" | undefined;
     iconSize?: "xs" | "s" | "m" | undefined;
@@ -276,7 +276,7 @@ export declare const withDefaultGetters: (props: TabsProps) => {
 } | {
     getItemLabel: TabsPropGetItemLabel<TabsItemDefault>;
     getItemIcon: TabsPropGetItemIcon<TabsItemDefault>;
-    size?: "s" | "m" | undefined;
+    size?: "xs" | "s" | "m" | undefined;
     onlyIcon?: boolean | undefined;
     view?: "clear" | "bordered" | undefined;
     iconSize?: "xs" | "s" | "m" | undefined;

package/__internal__/cjs-src/components/TabsCanary/types.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export declare type TabsItemDefault = {
     label: string | number;
     icon?: IconComponent;
 };
-export declare const tabsSizes: readonly ["m", "s"];
+export declare const tabsSizes: readonly ["m", "s", "xs"];
 export declare type TabsPropSize = typeof tabsSizes[number];
 export declare const tabsDefaultSize: TabsPropSize;
 export declare const tabsViews: readonly ["bordered", "clear"];

package/__internal__/cjs-src/components/TabsCanary/types.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.tabsDefaultFitMode = exports.tabsFitModes = exports.tabsDefaultLinePosition = exports.tabsLinePositions = exports.tabsDefaultView = exports.tabsViews = exports.tabsDefaultSize = exports.tabsSizes = void 0;
-exports.tabsSizes = ['m', 's'];
+exports.tabsSizes = ['m', 's', 'xs'];
 exports.tabsDefaultSize = exports.tabsSizes[0];
 exports.tabsViews = ['bordered', 'clear'];
 exports.tabsDefaultView = exports.tabsViews[0];

package/__internal__/src/components/Tabs/Line/TabsLine.css CHANGED Viewed

@@ -4,12 +4,12 @@
   .TabsLine_type_border {
     --line-thickness: 1px;
-    background-color: var(--color-bg-border);
+    background-color: var(--color-control-bg-border-default);
   }
   .TabsLine_type_running {
     --line-thickness: 2px;
-    background-color: var(--color-bg-brand);
+    background-color: var(--color-control-bg-primary);
     -webkit-transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
     transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
     transition: transform 0.25s, width 0.25s, height 0.25s;

package/__internal__/src/components/Tabs/Tab/TabsTab.css CHANGED Viewed

@@ -7,26 +7,34 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: var(--space-xs) 0;
+  padding: var(--tab-padding) 0;
   color: var(--color-typo-secondary);
   background-color: transparent;
   border: none;
   font-family: var(--font);
   font-size: var(--tab-font-size);
-  line-height: var(--line-height-text-s);
+  line-height: var(--size-text-2xl);
   text-align: left;
   cursor: pointer;
   -webkit-transition: color 0.2s;
   transition: color 0.2s;
 }
+  .TabsTab_size_xs {
+      --only-icon-size: var(--space-m);
+      --tab-padding: calc(calc(var(--space-xs) - var(--space-3xs)) / 2);
+      --tab-font-size: var(--size-text-xs);
+    }
   .TabsTab_size_s {
       --only-icon-size: var(--space-l);
+      --tab-padding: calc(var(--space-xs) - var(--space-3xs));
       --tab-font-size: var(--size-text-s);
     }
   .TabsTab_size_m {
       --only-icon-size: var(--space-xl);
+      --tab-padding: calc(calc(var(--space-m) - var(--space-3xs)) / 2);
       --tab-font-size: var(--size-text-m);
     }

package/__internal__/src/components/Tabs/Tab/TabsTab.js CHANGED Viewed

@@ -5,6 +5,7 @@ import { cn } from '../../../utils/bem';
 import { getByMap } from '../../../utils/getByMap';
 export var cnTabsTab = cn('TabsTab');
 var sizeMap = {
+    xs: 'xs',
     s: 'xs',
     m: 's'
 };

package/__internal__/src/components/Tabs/Tabs.css CHANGED Viewed

@@ -2,13 +2,17 @@
   position: relative;
 }
+  .Tabs_size_xs {
+      --list-offset: var(--space-xs);
+    }
   .Tabs_size_s {
-    --list-offset: var(--space-s);
-  }
+      --list-offset: var(--space-s);
+    }
   .Tabs_size_m {
-    --list-offset: var(--space-m);
-  }
+      --list-offset: var(--space-m);
+    }
   .Tabs-List {
     position: relative;

package/__internal__/src/components/Tabs/Tabs.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import React from 'react';
 import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { cnTabsTab, TabsTab } from './Tab/TabsTab';
-export declare const tabsSizes: readonly ["m", "s"];
+export declare const tabsSizes: readonly ["m", "s", "xs"];
 export declare type TabsPropSize = typeof tabsSizes[number];
 export declare const tabsDefaultSize: TabsPropSize;
 export declare const tabsViews: readonly ["bordered", "clear"];

package/__internal__/src/components/Tabs/Tabs.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { TabsFitModeScrollWrapper } from './FitModeScrollWrapper/TabsFitModeScro
 import { TabsBorderLine, TabsRunningLine } from './Line/TabsLine';
 import { cnTabsTab, TabsTab } from './Tab/TabsTab';
 import { getTabsDirection, } from './helpers';
-export var tabsSizes = ['m', 's'];
+export var tabsSizes = ['m', 's', 'xs'];
 export var tabsDefaultSize = tabsSizes[0];
 export var tabsViews = ['bordered', 'clear'];
 export var tabsDefaultView = tabsViews[0];

package/__internal__/src/components/TabsCanary/Line/TabsLine.css CHANGED Viewed

@@ -4,12 +4,12 @@
   .TabsLine_type_border {
     --line-thickness: 1px;
-    background-color: var(--color-bg-border);
+    background-color: var(--color-control-bg-border-default);
   }
   .TabsLine_type_running {
     --line-thickness: 2px;
-    background-color: var(--color-bg-brand);
+    background-color: var(--color-control-bg-primary);
     -webkit-transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
     transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
     transition: transform 0.25s, width 0.25s, height 0.25s;

package/__internal__/src/components/TabsCanary/Tab/TabsTab.css CHANGED Viewed

@@ -7,26 +7,34 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: var(--space-xs) 0;
+  padding: var(--tab-padding) 0;
   color: var(--color-typo-secondary);
   background-color: transparent;
   border: none;
   font-family: var(--font);
   font-size: var(--tab-font-size);
-  line-height: var(--line-height-text-s);
+  line-height: var(--size-text-2xl);
   text-align: left;
   cursor: pointer;
   -webkit-transition: color 0.2s;
   transition: color 0.2s;
 }
+  .TabsTab_size_xs {
+      --only-icon-size: var(--space-m);
+      --tab-padding: calc(calc(var(--space-xs) - var(--space-3xs)) / 2);
+      --tab-font-size: var(--size-text-xs);
+    }
   .TabsTab_size_s {
       --only-icon-size: var(--space-l);
+      --tab-padding: calc(var(--space-xs) - var(--space-3xs));
       --tab-font-size: var(--size-text-s);
     }
   .TabsTab_size_m {
       --only-icon-size: var(--space-xl);
+      --tab-padding: calc(calc(var(--space-m) - var(--space-3xs)) / 2);
       --tab-font-size: var(--size-text-m);
     }

package/__internal__/src/components/TabsCanary/Tab/TabsTab.js CHANGED Viewed

@@ -5,6 +5,7 @@ import { cn } from '../../../utils/bem';
 import { getByMap } from '../../../utils/getByMap';
 export var cnTabsTab = cn('TabsTab');
 var sizeMap = {
+    xs: 'xs',
     s: 'xs',
     m: 's'
 };

package/__internal__/src/components/TabsCanary/Tabs.css CHANGED Viewed

@@ -2,13 +2,17 @@
   position: relative;
 }
+  .Tabs_size_xs {
+      --list-offset: var(--space-xs);
+    }
   .Tabs_size_s {
-    --list-offset: var(--space-s);
-  }
+      --list-offset: var(--space-s);
+    }
   .Tabs_size_m {
-    --list-offset: var(--space-m);
-  }
+      --list-offset: var(--space-m);
+    }
   .Tabs-List {
     position: relative;

package/__internal__/src/components/TabsCanary/helpers.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export declare const getTabsWrapper: (tabsDirection: TabsDirection, fitMode: Tab
 export declare const withDefaultGetters: (props: TabsProps) => {
     getItemLabel: TabsPropGetItemLabel<TabsItemDefault>;
     getItemIcon: TabsPropGetItemIcon<TabsItemDefault>;
-    size?: "s" | "m" | undefined;
+    size?: "xs" | "s" | "m" | undefined;
     onlyIcon?: boolean | undefined;
     view?: "clear" | "bordered" | undefined;
     iconSize?: "xs" | "s" | "m" | undefined;
@@ -276,7 +276,7 @@ export declare const withDefaultGetters: (props: TabsProps) => {
 } | {
     getItemLabel: TabsPropGetItemLabel<TabsItemDefault>;
     getItemIcon: TabsPropGetItemIcon<TabsItemDefault>;
-    size?: "s" | "m" | undefined;
+    size?: "xs" | "s" | "m" | undefined;
     onlyIcon?: boolean | undefined;
     view?: "clear" | "bordered" | undefined;
     iconSize?: "xs" | "s" | "m" | undefined;

package/__internal__/src/components/TabsCanary/types.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export declare type TabsItemDefault = {
     label: string | number;
     icon?: IconComponent;
 };
-export declare const tabsSizes: readonly ["m", "s"];
+export declare const tabsSizes: readonly ["m", "s", "xs"];
 export declare type TabsPropSize = typeof tabsSizes[number];
 export declare const tabsDefaultSize: TabsPropSize;
 export declare const tabsViews: readonly ["bordered", "clear"];

package/__internal__/src/components/TabsCanary/types.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export var tabsSizes = ['m', 's'];
+export var tabsSizes = ['m', 's', 'xs'];
 export var tabsDefaultSize = tabsSizes[0];
 export var tabsViews = ['bordered', 'clear'];
 export var tabsDefaultView = tabsViews[0];

package/createIcon/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createIcon",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/createResponsesImage/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createResponsesImage",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "keywords": [
     "ui-kit",
     "design-system",

package/useBreakpoints/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useBreakpoints",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useChoiceGroup/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroup",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useChoiceGroupIndexed/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroupIndexed",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useClickOutside/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useClickOutside",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useComponentSize/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useComponentSize",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useDebounce/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useDebounce",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useFlag/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useFlag",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useForkRef/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useForkRef",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useGlobalKeys/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useGlobalKeys",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useHideElementsInLine/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useHideElementsInLine",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useKeys/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useKeys",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useMutableRef/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useMutableRef",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useOverflow/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useOverflow",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/usePrevious/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/usePrevious",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useRefs/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useRefs",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useResizeObserved/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useResizeObserved",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useScrollElements/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useScrollElements",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useScrollPosition/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useScrollPosition",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useSelect/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useSelect",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [