@uzum-tech/ui 0.1.1 → 1.0.0

package/es/tag/src/Tag.d.ts

@@ -48,6 +48,20 @@ export declare const tagProps: {
         readonly default: undefined;
     };
     theme: PropType<import("../../_mixins").Theme<"Tag", {
+        closeIconSizeTiny: string;
+        closeIconSizeSmall: string;
+        closeIconSizeMedium: string;
+        closeIconSizeLarge: string;
+        closeSizeTiny: string;
+        closeSizeSmall: string;
+        closeSizeMedium: string;
+        closeSizeLarge: string;
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        closeMargin: string;
+        closeMarginRtl: string;
         closeBorderRadius: string;
         heightTiny: string;
         heightSmall: string;
@@ -59,6 +73,7 @@ export declare const tagProps: {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontWeight: string;
         fontWeightStrong: string;
         textColorCheckable: string;
         textColorHoverCheckable: string;
@@ -75,19 +90,19 @@ export declare const tagProps: {
         textColor: string;
         color: string;
         colorBordered: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         borderTertiary: string;
         textColorTertiary: string;
         colorTertiary: string;
         colorBorderedTertiary: string;
         closeIconColorTertiary: string;
         closeIconColorHoverTertiary: string;
-        closeColorHoverTertiary: string;
         closeIconColorPressedTertiary: string;
+        closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
         borderPrimary: string;
         textColorPrimary: string;
@@ -134,6 +149,8 @@ export declare const tagProps: {
         closeIconColorPressedError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
         closeIconSizeSmall: string;
         closeIconSizeMedium: string;
@@ -142,12 +159,12 @@ export declare const tagProps: {
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
-        padding: string;
-        paddingSizeSmall: string;
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
         closeMargin: string;
         closeMarginRtl: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeBorderRadius: string;
         heightTiny: string;
         heightSmall: string;
@@ -159,6 +176,7 @@ export declare const tagProps: {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontWeight: string;
         fontWeightStrong: string;
         textColorCheckable: string;
         textColorHoverCheckable: string;
@@ -175,19 +193,19 @@ export declare const tagProps: {
         textColor: string;
         color: string;
         colorBordered: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         borderTertiary: string;
         textColorTertiary: string;
         colorTertiary: string;
         colorBorderedTertiary: string;
         closeIconColorTertiary: string;
         closeIconColorHoverTertiary: string;
-        closeColorHoverTertiary: string;
         closeIconColorPressedTertiary: string;
+        closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
         borderPrimary: string;
         textColorPrimary: string;
@@ -234,6 +252,8 @@ export declare const tagProps: {
         closeIconColorPressedError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
         closeIconSizeSmall: string;
         closeIconSizeMedium: string;
@@ -242,12 +262,12 @@ export declare const tagProps: {
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
-        padding: string;
-        paddingSizeSmall: string;
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
         closeMargin: string;
         closeMarginRtl: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeBorderRadius: string;
         heightTiny: string;
         heightSmall: string;
@@ -259,6 +279,7 @@ export declare const tagProps: {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontWeight: string;
         fontWeightStrong: string;
         textColorCheckable: string;
         textColorHoverCheckable: string;
@@ -275,19 +296,19 @@ export declare const tagProps: {
         textColor: string;
         color: string;
         colorBordered: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         borderTertiary: string;
         textColorTertiary: string;
         colorTertiary: string;
         colorBorderedTertiary: string;
         closeIconColorTertiary: string;
         closeIconColorHoverTertiary: string;
-        closeColorHoverTertiary: string;
         closeIconColorPressedTertiary: string;
+        closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
         borderPrimary: string;
         textColorPrimary: string;
@@ -334,18 +355,6 @@ export declare const tagProps: {
         closeIconColorPressedError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
-        closeIconSizeTiny: string;
-        closeIconSizeSmall: string;
-        closeIconSizeMedium: string;
-        closeIconSizeLarge: string;
-        closeSizeTiny: string;
-        closeSizeSmall: string;
-        closeSizeMedium: string;
-        closeSizeLarge: string;
-        padding: string;
-        paddingSizeSmall: string;
-        closeMargin: string;
-        closeMarginRtl: string;
     }, any>>>;
 };
 interface TagInjection {
@@ -395,6 +404,20 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     theme: PropType<import("../../_mixins").Theme<"Tag", {
+        closeIconSizeTiny: string;
+        closeIconSizeSmall: string;
+        closeIconSizeMedium: string;
+        closeIconSizeLarge: string;
+        closeSizeTiny: string;
+        closeSizeSmall: string;
+        closeSizeMedium: string;
+        closeSizeLarge: string;
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        closeMargin: string;
+        closeMarginRtl: string;
         closeBorderRadius: string;
         heightTiny: string;
         heightSmall: string;
@@ -406,6 +429,7 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontWeight: string;
         fontWeightStrong: string;
         textColorCheckable: string;
         textColorHoverCheckable: string;
@@ -422,19 +446,19 @@ declare const _default: import("vue").DefineComponent<{
         textColor: string;
         color: string;
         colorBordered: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         borderTertiary: string;
         textColorTertiary: string;
         colorTertiary: string;
         colorBorderedTertiary: string;
         closeIconColorTertiary: string;
         closeIconColorHoverTertiary: string;
-        closeColorHoverTertiary: string;
         closeIconColorPressedTertiary: string;
+        closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
         borderPrimary: string;
         textColorPrimary: string;
@@ -481,6 +505,8 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
         closeIconSizeSmall: string;
         closeIconSizeMedium: string;
@@ -489,12 +515,12 @@ declare const _default: import("vue").DefineComponent<{
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
-        padding: string;
-        paddingSizeSmall: string;
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
         closeMargin: string;
         closeMarginRtl: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeBorderRadius: string;
         heightTiny: string;
         heightSmall: string;
@@ -506,6 +532,7 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontWeight: string;
         fontWeightStrong: string;
         textColorCheckable: string;
         textColorHoverCheckable: string;
@@ -522,19 +549,19 @@ declare const _default: import("vue").DefineComponent<{
         textColor: string;
         color: string;
         colorBordered: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         borderTertiary: string;
         textColorTertiary: string;
         colorTertiary: string;
         colorBorderedTertiary: string;
         closeIconColorTertiary: string;
         closeIconColorHoverTertiary: string;
-        closeColorHoverTertiary: string;
         closeIconColorPressedTertiary: string;
+        closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
         borderPrimary: string;
         textColorPrimary: string;
@@ -581,6 +608,8 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
         closeIconSizeSmall: string;
         closeIconSizeMedium: string;
@@ -589,12 +618,12 @@ declare const _default: import("vue").DefineComponent<{
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
-        padding: string;
-        paddingSizeSmall: string;
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
         closeMargin: string;
         closeMarginRtl: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeBorderRadius: string;
         heightTiny: string;
         heightSmall: string;
@@ -606,6 +635,7 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontWeight: string;
         fontWeightStrong: string;
         textColorCheckable: string;
         textColorHoverCheckable: string;
@@ -622,19 +652,19 @@ declare const _default: import("vue").DefineComponent<{
         textColor: string;
         color: string;
         colorBordered: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         borderTertiary: string;
         textColorTertiary: string;
         colorTertiary: string;
         colorBorderedTertiary: string;
         closeIconColorTertiary: string;
         closeIconColorHoverTertiary: string;
-        closeColorHoverTertiary: string;
         closeIconColorPressedTertiary: string;
+        closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
         borderPrimary: string;
         textColorPrimary: string;
@@ -681,18 +711,6 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
-        closeIconSizeTiny: string;
-        closeIconSizeSmall: string;
-        closeIconSizeMedium: string;
-        closeIconSizeLarge: string;
-        closeSizeTiny: string;
-        closeSizeSmall: string;
-        closeSizeMedium: string;
-        closeSizeLarge: string;
-        padding: string;
-        paddingSizeSmall: string;
-        closeMargin: string;
-        closeMarginRtl: string;
     }, any>>>;
 }, {
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -703,6 +721,7 @@ declare const _default: import("vue").DefineComponent<{
     handleCloseClick: (e: MouseEvent) => void;
     cssVars: import("vue").ComputedRef<{
         '--u-font-weight-strong': string;
+        '--u-font-weight': string;
         '--u-avatar-size-override': string;
         '--u-bezier': string;
         '--u-border-radius': string;
@@ -780,6 +799,20 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     theme: PropType<import("../../_mixins").Theme<"Tag", {
+        closeIconSizeTiny: string;
+        closeIconSizeSmall: string;
+        closeIconSizeMedium: string;
+        closeIconSizeLarge: string;
+        closeSizeTiny: string;
+        closeSizeSmall: string;
+        closeSizeMedium: string;
+        closeSizeLarge: string;
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        closeMargin: string;
+        closeMarginRtl: string;
         closeBorderRadius: string;
         heightTiny: string;
         heightSmall: string;
@@ -791,6 +824,7 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontWeight: string;
         fontWeightStrong: string;
         textColorCheckable: string;
         textColorHoverCheckable: string;
@@ -807,19 +841,19 @@ declare const _default: import("vue").DefineComponent<{
         textColor: string;
         color: string;
         colorBordered: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         borderTertiary: string;
         textColorTertiary: string;
         colorTertiary: string;
         colorBorderedTertiary: string;
         closeIconColorTertiary: string;
         closeIconColorHoverTertiary: string;
-        closeColorHoverTertiary: string;
         closeIconColorPressedTertiary: string;
+        closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
         borderPrimary: string;
         textColorPrimary: string;
@@ -866,6 +900,8 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
         closeIconSizeSmall: string;
         closeIconSizeMedium: string;
@@ -874,12 +910,12 @@ declare const _default: import("vue").DefineComponent<{
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
-        padding: string;
-        paddingSizeSmall: string;
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
         closeMargin: string;
         closeMarginRtl: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeBorderRadius: string;
         heightTiny: string;
         heightSmall: string;
@@ -891,6 +927,7 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontWeight: string;
         fontWeightStrong: string;
         textColorCheckable: string;
         textColorHoverCheckable: string;
@@ -907,19 +944,19 @@ declare const _default: import("vue").DefineComponent<{
         textColor: string;
         color: string;
         colorBordered: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         borderTertiary: string;
         textColorTertiary: string;
         colorTertiary: string;
         colorBorderedTertiary: string;
         closeIconColorTertiary: string;
         closeIconColorHoverTertiary: string;
-        closeColorHoverTertiary: string;
         closeIconColorPressedTertiary: string;
+        closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
         borderPrimary: string;
         textColorPrimary: string;
@@ -966,6 +1003,8 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
         closeIconSizeSmall: string;
         closeIconSizeMedium: string;
@@ -974,12 +1013,12 @@ declare const _default: import("vue").DefineComponent<{
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
-        padding: string;
-        paddingSizeSmall: string;
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
         closeMargin: string;
         closeMarginRtl: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeBorderRadius: string;
         heightTiny: string;
         heightSmall: string;
@@ -991,6 +1030,7 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontWeight: string;
         fontWeightStrong: string;
         textColorCheckable: string;
         textColorHoverCheckable: string;
@@ -1007,19 +1047,19 @@ declare const _default: import("vue").DefineComponent<{
         textColor: string;
         color: string;
         colorBordered: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeIconColor: string;
         closeIconColorHover: string;
         closeIconColorPressed: string;
-        closeColorHover: string;
-        closeColorPressed: string;
         borderTertiary: string;
         textColorTertiary: string;
         colorTertiary: string;
         colorBorderedTertiary: string;
         closeIconColorTertiary: string;
         closeIconColorHoverTertiary: string;
-        closeColorHoverTertiary: string;
         closeIconColorPressedTertiary: string;
+        closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
         borderPrimary: string;
         textColorPrimary: string;
@@ -1066,18 +1106,6 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
-        closeIconSizeTiny: string;
-        closeIconSizeSmall: string;
-        closeIconSizeMedium: string;
-        closeIconSizeLarge: string;
-        closeSizeTiny: string;
-        closeSizeSmall: string;
-        closeSizeMedium: string;
-        closeSizeLarge: string;
-        padding: string;
-        paddingSizeSmall: string;
-        closeMargin: string;
-        closeMarginRtl: string;
     }, any>>>;
 }>>, {
     type: "default" | "error" | "tertiary" | "primary" | "info" | "success" | "warning";

package/es/tag/src/Tag.js

@@ -72,9 +72,10 @@ export default defineComponent({
         const rtlEnabledRef = useRtl('Tag', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { type, size, color: { color, textColor } = {} } = props;
-            const { common: { cubicBezierEaseInOut }, self: { padding, closeMargin, closeMarginRtl, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, closeBorderRadius, fontWeightStrong, [createKey('colorBordered', type)]: colorBordered, [createKey('closeSize', size)]: closeSize, [createKey('closeIconSize', size)]: closeIconSize, [createKey('fontSize', size)]: fontSize, [createKey('height', size)]: height, [createKey('color', type)]: typedColor, [createKey('textColor', type)]: typeTextColor, [createKey('border', type)]: border, [createKey('closeIconColor', type)]: closeIconColor, [createKey('closeIconColorHover', type)]: closeIconColorHover, [createKey('closeIconColorPressed', type)]: closeIconColorPressed, [createKey('closeColorHover', type)]: closeColorHover, [createKey('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { closeMargin, closeMarginRtl, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, closeBorderRadius, fontWeightStrong, fontWeight, [createKey('padding', size)]: padding, [createKey('colorBordered', type)]: colorBordered, [createKey('closeSize', size)]: closeSize, [createKey('closeIconSize', size)]: closeIconSize, [createKey('fontSize', size)]: fontSize, [createKey('height', size)]: height, [createKey('color', type)]: typedColor, [createKey('textColor', type)]: typeTextColor, [createKey('border', type)]: border, [createKey('closeIconColor', type)]: closeIconColor, [createKey('closeIconColorHover', type)]: closeIconColorHover, [createKey('closeIconColorPressed', type)]: closeIconColorPressed, [createKey('closeColorHover', type)]: closeColorHover, [createKey('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
             return {
                 '--u-font-weight-strong': fontWeightStrong,
+                '--u-font-weight': fontWeight,
                 '--u-avatar-size-override': `calc(${height} - 8px)`,
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-border-radius': borderRadius,

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

@@ -47,7 +47,7 @@ export default cB('tag', `
  line-height: 1;
  height: var(--u-height);
  font-size: var(--u-font-size);
- font-weight: var(--u-font-weight-strong);
+ font-weight: var(--u-font-weight);
 `, [cM('strong', `
  font-weight: var(--u-font-weight-strong);
  `), cE('border', `

package/es/tag/styles/dark.js

@@ -1,35 +1,8 @@
-import commonVariables from './_common';
-import { changeColor } from 'seemly';
 import { commonDark } from '../../_styles/common';
+import { self } from './light';
 const tagDark = {
     name: 'Tag',
     common: commonDark,
-    self(vars) {
-        const { textColor2, primaryColor, tertiaryColor, tertiaryColorHover, tertiaryColorActive, tertiaryColorSuppl, infoColor, successColor, warningColor, errorColor, baseColor, borderTagColor, borderTagWidth, tagColor, opacityDisabled, closeIconColor, closeIconColorHover, closeIconColorPressed, closeColorHover, closeColorPressed, borderRadiusSmall: borderRadius, fontSizeMini, fontSizeTiny, fontSizeSmall, fontSizeMedium, heightMini, heightTiny, heightSmall, heightMedium, fontWeightStrong } = vars;
-        return Object.assign(Object.assign({}, commonVariables), { closeBorderRadius: borderRadius, heightTiny: heightMini, heightSmall: heightTiny, heightMedium: heightSmall, heightLarge: heightMedium, borderRadius,
-            opacityDisabled, fontSizeTiny: fontSizeMini, fontSizeSmall: fontSizeTiny, fontSizeMedium: fontSizeSmall, fontSizeLarge: fontSizeMedium, fontWeightStrong, 
-            // checked
-            textColorCheckable: textColor2, textColorHoverCheckable: textColor2, textColorPressedCheckable: textColor2, textColorChecked: baseColor, colorCheckable: '#F3F4F6', colorHoverCheckable: '#E7E8EA', colorPressedCheckable: '#E7E8EA', colorChecked: '#101010', colorCheckedHover: tertiaryColorHover, colorCheckedPressed: tertiaryColorActive, colorDisabledChecked: tertiaryColorSuppl, 
-            // default
-            border: `${borderTagWidth}px solid ${borderTagColor}`, textColor: textColor2, color: tagColor, colorBordered: 'rgb(250, 250, 252)', closeIconColor,
-            closeIconColorHover,
-            closeIconColorPressed,
-            closeColorHover,
-            closeColorPressed, 
-            // tertiary
-            borderTertiary: `${borderTagWidth}px solid ${borderTagColor})}`, textColorTertiary: '#fff', colorTertiary: tertiaryColor, colorBorderedTertiary: tertiaryColor, closeIconColorTertiary: '#fff', closeIconColorHoverTertiary: '#fff', closeColorHoverTertiary: changeColor('#fff', { alpha: 0.12 }), closeIconColorPressedTertiary: '#fff', closeColorPressedTertiary: changeColor('#fff', { alpha: 0.18 }), 
-            // primary
-            borderPrimary: `${borderTagWidth}px solid ${changeColor(primaryColor, {
-                alpha: 0.3
-            })}`, textColorPrimary: primaryColor, colorPrimary: changeColor(primaryColor, { alpha: 0.12 }), colorBorderedPrimary: changeColor(primaryColor, { alpha: 0.1 }), closeIconColorPrimary: primaryColor, closeIconColorHoverPrimary: primaryColor, closeIconColorPressedPrimary: primaryColor, closeColorHoverPrimary: changeColor(primaryColor, { alpha: 0.12 }), closeColorPressedPrimary: changeColor(primaryColor, { alpha: 0.18 }), borderInfo: `${borderTagWidth}px solid ${changeColor(infoColor, {
-                alpha: 0.3
-            })}`, textColorInfo: infoColor, colorInfo: changeColor(infoColor, { alpha: 0.12 }), colorBorderedInfo: changeColor(infoColor, { alpha: 0.1 }), closeIconColorInfo: infoColor, closeIconColorHoverInfo: infoColor, closeIconColorPressedInfo: infoColor, closeColorHoverInfo: changeColor(infoColor, { alpha: 0.12 }), closeColorPressedInfo: changeColor(infoColor, { alpha: 0.18 }), borderSuccess: `${borderTagWidth}px solid ${changeColor(successColor, {
-                alpha: 0.3
-            })}`, textColorSuccess: successColor, colorSuccess: changeColor(successColor, { alpha: 0.12 }), colorBorderedSuccess: changeColor(successColor, { alpha: 0.1 }), closeIconColorSuccess: successColor, closeIconColorHoverSuccess: successColor, closeIconColorPressedSuccess: successColor, closeColorHoverSuccess: changeColor(successColor, { alpha: 0.12 }), closeColorPressedSuccess: changeColor(successColor, { alpha: 0.18 }), borderWarning: `${borderTagWidth}px solid ${changeColor(warningColor, {
-                alpha: 0.35
-            })}`, textColorWarning: warningColor, colorWarning: changeColor(warningColor, { alpha: 0.15 }), colorBorderedWarning: changeColor(warningColor, { alpha: 0.12 }), closeIconColorWarning: warningColor, closeIconColorHoverWarning: warningColor, closeIconColorPressedWarning: warningColor, closeColorHoverWarning: changeColor(warningColor, { alpha: 0.12 }), closeColorPressedWarning: changeColor(warningColor, { alpha: 0.18 }), borderError: `${borderTagWidth}px solid ${changeColor(errorColor, {
-                alpha: 0.23
-            })}`, textColorError: errorColor, colorError: changeColor(errorColor, { alpha: 0.1 }), colorBorderedError: changeColor(errorColor, { alpha: 0.08 }), closeIconColorError: errorColor, closeIconColorHoverError: errorColor, closeIconColorPressedError: errorColor, closeColorHoverError: changeColor(errorColor, { alpha: 0.12 }), closeColorPressedError: changeColor(errorColor, { alpha: 0.18 }) });
-    }
+    self
 };
 export default tagDark;