@uzum-tech/ui 0.1.2 → 1.0.0

package/es/tabs/src/Tabs.d.ts

@@ -45,42 +45,12 @@ export declare const tabsProps: {
     readonly activeName: PropType<string | number>;
     readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
-        colorSegment: string;
-        tabFontSizeCard: string;
-        tabTextColorLine: string;
-        tabTextColorActiveLine: string;
-        tabTextColorHoverLine: string;
-        tabTextColorDisabledLine: string;
-        tabTextColorSegment: string;
-        tabTextColorActiveSegment: string;
-        tabTextColorHoverSegment: string;
-        tabTextColorDisabledSegment: string;
-        tabTextColorBar: string;
-        tabTextColorActiveBar: string;
-        tabTextColorHoverBar: string;
-        tabTextColorDisabledBar: string;
-        tabTextColorCard: string;
-        tabTextColorHoverCard: string;
-        tabTextColorActiveCard: string;
-        tabTextColorDisabledCard: string;
-        barColor: string;
-        closeIconColor: string;
-        closeIconColorHover: string;
-        closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
-        closeBorderRadius: string;
-        tabColor: string;
-        tabColorSegment: string;
-        tabBorderColor: string;
-        tabFontWeightActive: string;
-        tabFontWeight: string;
-        tabBorderRadius: string;
-        paneTextColor: string;
-        fontWeightStrong: string;
         tabFontSizeSmall: string;
         tabFontSizeMedium: string;
         tabFontSizeLarge: string;
+        tabLineHeightSmall: string;
+        tabLineHeightMedium: string;
+        tabLineHeightLarge: string;
         tabGapSmallLine: string;
         tabGapMediumLine: string;
         tabGapLargeLine: string;
@@ -134,8 +104,8 @@ export declare const tabsProps: {
         panePaddingLarge: string;
         closeSize: string;
         closeIconSize: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+        tabFontWeight: string;
+        tabFontWeightActive: string;
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -155,23 +125,25 @@ export declare const tabsProps: {
         tabTextColorActiveCard: string;
         tabTextColorDisabledCard: string;
         barColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         closeBorderRadius: string;
         tabColor: string;
         tabColorSegment: string;
         tabBorderColor: string;
-        tabFontWeightActive: string;
-        tabFontWeight: string;
         tabBorderRadius: string;
         paneTextColor: string;
-        fontWeightStrong: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         tabFontSizeSmall: string;
         tabFontSizeMedium: string;
         tabFontSizeLarge: string;
+        tabLineHeightSmall: string;
+        tabLineHeightMedium: string;
+        tabLineHeightLarge: string;
         tabGapSmallLine: string;
         tabGapMediumLine: string;
         tabGapLargeLine: string;
@@ -225,8 +197,8 @@ export declare const tabsProps: {
         panePaddingLarge: string;
         closeSize: string;
         closeIconSize: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+        tabFontWeight: string;
+        tabFontWeightActive: string;
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -246,23 +218,25 @@ export declare const tabsProps: {
         tabTextColorActiveCard: string;
         tabTextColorDisabledCard: string;
         barColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         closeBorderRadius: string;
         tabColor: string;
         tabColorSegment: string;
         tabBorderColor: string;
-        tabFontWeightActive: string;
-        tabFontWeight: string;
         tabBorderRadius: string;
         paneTextColor: string;
-        fontWeightStrong: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         tabFontSizeSmall: string;
         tabFontSizeMedium: string;
         tabFontSizeLarge: string;
+        tabLineHeightSmall: string;
+        tabLineHeightMedium: string;
+        tabLineHeightLarge: string;
         tabGapSmallLine: string;
         tabGapMediumLine: string;
         tabGapLargeLine: string;
@@ -316,6 +290,38 @@ export declare const tabsProps: {
         panePaddingLarge: string;
         closeSize: string;
         closeIconSize: string;
+        tabFontWeight: string;
+        tabFontWeightActive: string;
+        colorSegment: string;
+        tabFontSizeCard: string;
+        tabTextColorLine: string;
+        tabTextColorActiveLine: string;
+        tabTextColorHoverLine: string;
+        tabTextColorDisabledLine: string;
+        tabTextColorSegment: string;
+        tabTextColorActiveSegment: string;
+        tabTextColorHoverSegment: string;
+        tabTextColorDisabledSegment: string;
+        tabTextColorBar: string;
+        tabTextColorActiveBar: string;
+        tabTextColorHoverBar: string;
+        tabTextColorDisabledBar: string;
+        tabTextColorCard: string;
+        tabTextColorHoverCard: string;
+        tabTextColorActiveCard: string;
+        tabTextColorDisabledCard: string;
+        barColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        closeBorderRadius: string;
+        tabColor: string;
+        tabColorSegment: string;
+        tabBorderColor: string;
+        tabBorderRadius: string;
+        paneTextColor: string;
     }, any>>>;
 };
 export type TabsProps = ExtractPublicPropTypes<typeof tabsProps>;
@@ -361,42 +367,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly activeName: PropType<string | number>;
     readonly onActiveNameChange: PropType<MaybeArray<(value: never) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
-        colorSegment: string;
-        tabFontSizeCard: string;
-        tabTextColorLine: string;
-        tabTextColorActiveLine: string;
-        tabTextColorHoverLine: string;
-        tabTextColorDisabledLine: string;
-        tabTextColorSegment: string;
-        tabTextColorActiveSegment: string;
-        tabTextColorHoverSegment: string;
-        tabTextColorDisabledSegment: string;
-        tabTextColorBar: string;
-        tabTextColorActiveBar: string;
-        tabTextColorHoverBar: string;
-        tabTextColorDisabledBar: string;
-        tabTextColorCard: string;
-        tabTextColorHoverCard: string;
-        tabTextColorActiveCard: string;
-        tabTextColorDisabledCard: string;
-        barColor: string;
-        closeIconColor: string;
-        closeIconColorHover: string;
-        closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
-        closeBorderRadius: string;
-        tabColor: string;
-        tabColorSegment: string;
-        tabBorderColor: string;
-        tabFontWeightActive: string;
-        tabFontWeight: string;
-        tabBorderRadius: string;
-        paneTextColor: string;
-        fontWeightStrong: string;
         tabFontSizeSmall: string;
         tabFontSizeMedium: string;
         tabFontSizeLarge: string;
+        tabLineHeightSmall: string;
+        tabLineHeightMedium: string;
+        tabLineHeightLarge: string;
         tabGapSmallLine: string;
         tabGapMediumLine: string;
         tabGapLargeLine: string;
@@ -450,8 +426,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingLarge: string;
         closeSize: string;
         closeIconSize: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+        tabFontWeight: string;
+        tabFontWeightActive: string;
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -471,23 +447,25 @@ declare const _default: import("vue").DefineComponent<{
         tabTextColorActiveCard: string;
         tabTextColorDisabledCard: string;
         barColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         closeBorderRadius: string;
         tabColor: string;
         tabColorSegment: string;
         tabBorderColor: string;
-        tabFontWeightActive: string;
-        tabFontWeight: string;
         tabBorderRadius: string;
         paneTextColor: string;
-        fontWeightStrong: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         tabFontSizeSmall: string;
         tabFontSizeMedium: string;
         tabFontSizeLarge: string;
+        tabLineHeightSmall: string;
+        tabLineHeightMedium: string;
+        tabLineHeightLarge: string;
         tabGapSmallLine: string;
         tabGapMediumLine: string;
         tabGapLargeLine: string;
@@ -541,8 +519,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingLarge: string;
         closeSize: string;
         closeIconSize: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+        tabFontWeight: string;
+        tabFontWeightActive: string;
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -562,23 +540,25 @@ declare const _default: import("vue").DefineComponent<{
         tabTextColorActiveCard: string;
         tabTextColorDisabledCard: string;
         barColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         closeBorderRadius: string;
         tabColor: string;
         tabColorSegment: string;
         tabBorderColor: string;
-        tabFontWeightActive: string;
-        tabFontWeight: string;
         tabBorderRadius: string;
         paneTextColor: string;
-        fontWeightStrong: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         tabFontSizeSmall: string;
         tabFontSizeMedium: string;
         tabFontSizeLarge: string;
+        tabLineHeightSmall: string;
+        tabLineHeightMedium: string;
+        tabLineHeightLarge: string;
         tabGapSmallLine: string;
         tabGapMediumLine: string;
         tabGapLargeLine: string;
@@ -632,6 +612,38 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingLarge: string;
         closeSize: string;
         closeIconSize: string;
+        tabFontWeight: string;
+        tabFontWeightActive: string;
+        colorSegment: string;
+        tabFontSizeCard: string;
+        tabTextColorLine: string;
+        tabTextColorActiveLine: string;
+        tabTextColorHoverLine: string;
+        tabTextColorDisabledLine: string;
+        tabTextColorSegment: string;
+        tabTextColorActiveSegment: string;
+        tabTextColorHoverSegment: string;
+        tabTextColorDisabledSegment: string;
+        tabTextColorBar: string;
+        tabTextColorActiveBar: string;
+        tabTextColorHoverBar: string;
+        tabTextColorDisabledBar: string;
+        tabTextColorCard: string;
+        tabTextColorHoverCard: string;
+        tabTextColorActiveCard: string;
+        tabTextColorDisabledCard: string;
+        barColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        closeBorderRadius: string;
+        tabColor: string;
+        tabColorSegment: string;
+        tabBorderColor: string;
+        tabBorderRadius: string;
+        paneTextColor: string;
     }, any>>>;
 }, {
     syncBarPosition: () => void;
@@ -696,6 +708,7 @@ declare const _default: import("vue").DefineComponent<{
         '--u-color-segment': string;
         '--u-bar-color': string;
         '--u-tab-font-size': string;
+        '--u-tab-text-line-height': string;
         '--u-tab-text-color': string;
         '--u-tab-text-color-active': string;
         '--u-tab-text-color-disabled': string;
@@ -776,42 +789,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly activeName: PropType<string | number>;
     readonly onActiveNameChange: PropType<MaybeArray<(value: never) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
-        colorSegment: string;
-        tabFontSizeCard: string;
-        tabTextColorLine: string;
-        tabTextColorActiveLine: string;
-        tabTextColorHoverLine: string;
-        tabTextColorDisabledLine: string;
-        tabTextColorSegment: string;
-        tabTextColorActiveSegment: string;
-        tabTextColorHoverSegment: string;
-        tabTextColorDisabledSegment: string;
-        tabTextColorBar: string;
-        tabTextColorActiveBar: string;
-        tabTextColorHoverBar: string;
-        tabTextColorDisabledBar: string;
-        tabTextColorCard: string;
-        tabTextColorHoverCard: string;
-        tabTextColorActiveCard: string;
-        tabTextColorDisabledCard: string;
-        barColor: string;
-        closeIconColor: string;
-        closeIconColorHover: string;
-        closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
-        closeBorderRadius: string;
-        tabColor: string;
-        tabColorSegment: string;
-        tabBorderColor: string;
-        tabFontWeightActive: string;
-        tabFontWeight: string;
-        tabBorderRadius: string;
-        paneTextColor: string;
-        fontWeightStrong: string;
         tabFontSizeSmall: string;
         tabFontSizeMedium: string;
         tabFontSizeLarge: string;
+        tabLineHeightSmall: string;
+        tabLineHeightMedium: string;
+        tabLineHeightLarge: string;
         tabGapSmallLine: string;
         tabGapMediumLine: string;
         tabGapLargeLine: string;
@@ -865,8 +848,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingLarge: string;
         closeSize: string;
         closeIconSize: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+        tabFontWeight: string;
+        tabFontWeightActive: string;
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -886,23 +869,25 @@ declare const _default: import("vue").DefineComponent<{
         tabTextColorActiveCard: string;
         tabTextColorDisabledCard: string;
         barColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         closeBorderRadius: string;
         tabColor: string;
         tabColorSegment: string;
         tabBorderColor: string;
-        tabFontWeightActive: string;
-        tabFontWeight: string;
         tabBorderRadius: string;
         paneTextColor: string;
-        fontWeightStrong: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         tabFontSizeSmall: string;
         tabFontSizeMedium: string;
         tabFontSizeLarge: string;
+        tabLineHeightSmall: string;
+        tabLineHeightMedium: string;
+        tabLineHeightLarge: string;
         tabGapSmallLine: string;
         tabGapMediumLine: string;
         tabGapLargeLine: string;
@@ -956,8 +941,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingLarge: string;
         closeSize: string;
         closeIconSize: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+        tabFontWeight: string;
+        tabFontWeightActive: string;
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -977,23 +962,25 @@ declare const _default: import("vue").DefineComponent<{
         tabTextColorActiveCard: string;
         tabTextColorDisabledCard: string;
         barColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         closeBorderRadius: string;
         tabColor: string;
         tabColorSegment: string;
         tabBorderColor: string;
-        tabFontWeightActive: string;
-        tabFontWeight: string;
         tabBorderRadius: string;
         paneTextColor: string;
-        fontWeightStrong: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         tabFontSizeSmall: string;
         tabFontSizeMedium: string;
         tabFontSizeLarge: string;
+        tabLineHeightSmall: string;
+        tabLineHeightMedium: string;
+        tabLineHeightLarge: string;
         tabGapSmallLine: string;
         tabGapMediumLine: string;
         tabGapLargeLine: string;
@@ -1047,6 +1034,38 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingLarge: string;
         closeSize: string;
         closeIconSize: string;
+        tabFontWeight: string;
+        tabFontWeightActive: string;
+        colorSegment: string;
+        tabFontSizeCard: string;
+        tabTextColorLine: string;
+        tabTextColorActiveLine: string;
+        tabTextColorHoverLine: string;
+        tabTextColorDisabledLine: string;
+        tabTextColorSegment: string;
+        tabTextColorActiveSegment: string;
+        tabTextColorHoverSegment: string;
+        tabTextColorDisabledSegment: string;
+        tabTextColorBar: string;
+        tabTextColorActiveBar: string;
+        tabTextColorHoverBar: string;
+        tabTextColorDisabledBar: string;
+        tabTextColorCard: string;
+        tabTextColorHoverCard: string;
+        tabTextColorActiveCard: string;
+        tabTextColorDisabledCard: string;
+        barColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        closeBorderRadius: string;
+        tabColor: string;
+        tabColorSegment: string;
+        tabBorderColor: string;
+        tabBorderRadius: string;
+        paneTextColor: string;
     }, any>>>;
 }>>, {
     readonly type: TabsType;

package/es/tabs/src/Tabs.js

@@ -431,12 +431,13 @@ export default defineComponent({
                 segment: 'Segment'
             }[type];
             const sizeType = `${size}${typeSuffix}`;
-            const { self: { barColor, closeIconColor, closeIconColorHover, closeIconColorPressed, tabColor, tabBorderColor, paneTextColor, tabFontWeight, tabBorderRadius, tabFontWeightActive, colorSegment, fontWeightStrong, tabColorSegment, closeSize, closeIconSize, closeColorHover, closeColorPressed, closeBorderRadius, [createKey('panePadding', size)]: panePadding, [createKey('tabPadding', sizeType)]: tabPadding, [createKey('tabPaddingVertical', sizeType)]: tabPaddingVertical, [createKey('tabGap', sizeType)]: tabGap, [createKey('tabGap', `${sizeType}Vertical`)]: tabGapVertical, [createKey('tabTextColor', type)]: tabTextColor, [createKey('tabTextColorActive', type)]: tabTextColorActive, [createKey('tabTextColorHover', type)]: tabTextColorHover, [createKey('tabTextColorDisabled', type)]: tabTextColorDisabled, [createKey('tabFontSize', size)]: tabFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            const { self: { barColor, closeIconColor, closeIconColorHover, closeIconColorPressed, tabColor, tabBorderColor, paneTextColor, tabBorderRadius, tabFontWeightActive, colorSegment, tabFontWeight, tabColorSegment, closeSize, closeIconSize, closeColorHover, closeColorPressed, closeBorderRadius, [createKey('panePadding', size)]: panePadding, [createKey('tabPadding', sizeType)]: tabPadding, [createKey('tabPaddingVertical', sizeType)]: tabPaddingVertical, [createKey('tabGap', sizeType)]: tabGap, [createKey('tabGap', `${sizeType}Vertical`)]: tabGapVertical, [createKey('tabTextColor', type)]: tabTextColor, [createKey('tabTextColorActive', type)]: tabTextColorActive, [createKey('tabTextColorHover', type)]: tabTextColorHover, [createKey('tabTextColorDisabled', type)]: tabTextColorDisabled, [createKey('tabFontSize', size)]: tabFontSize, [createKey('tabLineHeight', size)]: tabLineHeight }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-color-segment': colorSegment,
                 '--u-bar-color': barColor,
                 '--u-tab-font-size': tabFontSize,
+                '--u-tab-text-line-height': tabLineHeight,
                 '--u-tab-text-color': tabTextColor,
                 '--u-tab-text-color-active': tabTextColorActive,
                 '--u-tab-text-color-disabled': tabTextColorDisabled,
@@ -463,7 +464,7 @@ export default defineComponent({
                 '--u-pane-padding-right': getPadding(panePadding, 'right'),
                 '--u-pane-padding-top': getPadding(panePadding, 'top'),
                 '--u-pane-padding-bottom': getPadding(panePadding, 'bottom'),
-                '--u-font-weight-strong': fontWeightStrong,
+                '--u-font-weight-strong': tabFontWeight,
                 '--u-tab-color-segment': tabColorSegment
             };
         });

package/es/tabs/src/styles/index.cssr.js

@@ -104,7 +104,7 @@ export default cB('tabs', `
   marginRight: 0
 })])])]), cB('tabs-nav', `
  box-sizing: border-box;
- line-height: 1.5;
+ line-height: var(--u-tab-text-line-height);
  display: flex;
  transition: border-color .3s var(--u-bezier);
  `, [cE('prefix, suffix', `
@@ -189,10 +189,15 @@ export default cB('tabs', `
  `, [cM('disabled', {
   cursor: 'not-allowed'
 }), cE('close', `
- margin-left: 6px;
+ margin-left: 8px;
  transition:
  background-color .3s var(--u-bezier),
  color .3s var(--u-bezier);
+ `), cE('icon', `
+ margin-right: 8px;
+ font-weight: 600;
+ display: flex;
+ align-items: center;
  `), cE('label', `
  display: flex;
  align-items: center;
@@ -260,27 +265,27 @@ export default cB('tabs', `
 })])]), cB('tabs-nav', [cM('line-type', [cM('top', [cE('prefix, suffix', `
  border-bottom: 1px solid var(--u-tab-border-color);
  `), cB('tabs-nav-scroll-content', `
- border-bottom: 1px solid var(--u-tab-border-color);
+ border-bottom: 2px solid var(--u-tab-border-color);
  `), cB('tabs-bar', `
- bottom: -1px;
+ bottom: -2px;
  `)]), cM('left', [cE('prefix, suffix', `
- border-right: 1px solid var(--u-tab-border-color);
+ border-right: 2px solid var(--u-tab-border-color);
  `), cB('tabs-nav-scroll-content', `
- border-right: 1px solid var(--u-tab-border-color);
+ border-right: 2px solid var(--u-tab-border-color);
  `), cB('tabs-bar', `
- right: -1px;
+ right: -2px;
  `)]), cM('right', [cE('prefix, suffix', `
- border-left: 1px solid var(--u-tab-border-color);
+ border-left: 2px solid var(--u-tab-border-color);
  `), cB('tabs-nav-scroll-content', `
- border-left: 1px solid var(--u-tab-border-color);
+ border-left: 2px solid var(--u-tab-border-color);
  `), cB('tabs-bar', `
- left: -1px;
+ left: -2px;
  `)]), cM('bottom', [cE('prefix, suffix', `
  border-top: 1px solid var(--u-tab-border-color);
  `), cB('tabs-nav-scroll-content', `
- border-top: 1px solid var(--u-tab-border-color);
+ border-top: 2px solid var(--u-tab-border-color);
  `), cB('tabs-bar', `
- top: -1px;
+ top: 0px;
  `)]), cE('prefix, suffix', `
  transition: border-color .3s var(--u-bezier);
  `), cB('tabs-nav-scroll-content', `

package/es/tabs/styles/dark.js

@@ -3,12 +3,6 @@ import { self } from './light';
 const tabsDark = {
     name: 'Tabs',
     common: commonDark,
-    self(vars) {
-        const commonSelf = self(vars);
-        const { inputColor } = vars;
-        commonSelf.colorSegment = inputColor;
-        commonSelf.tabColorSegment = inputColor;
-        return commonSelf;
-    }
+    self
 };
 export default tabsDark;