@uzum-tech/ui 0.1.1 → 1.0.0

package/lib/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/lib/tag/src/Tag.js

@@ -78,9 +78,10 @@ exports.default = (0, vue_1.defineComponent)({
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Tag', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.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, [(0, _utils_1.createKey)('colorBordered', type)]: colorBordered, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('closeIconSize', size)]: closeIconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.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, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('colorBordered', type)]: colorBordered, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('closeIconSize', size)]: closeIconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.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/lib/tag/src/styles/index.cssr.js

@@ -52,7 +52,7 @@ exports.default = (0, cssr_1.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);
 `, [(0, cssr_1.cM)('strong', `
  font-weight: var(--u-font-weight-strong);
  `), (0, cssr_1.cE)('border', `

package/lib/tag/styles/dark.js

@@ -1,40 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const _common_1 = __importDefault(require("./_common"));
-const seemly_1 = require("seemly");
 const common_1 = require("../../_styles/common");
+const light_1 = require("./light");
 const tagDark = {
     name: 'Tag',
     common: common_1.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({}, _common_1.default), { 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: (0, seemly_1.changeColor)('#fff', { alpha: 0.12 }), closeIconColorPressedTertiary: '#fff', closeColorPressedTertiary: (0, seemly_1.changeColor)('#fff', { alpha: 0.18 }), 
-            // primary
-            borderPrimary: `${borderTagWidth}px solid ${(0, seemly_1.changeColor)(primaryColor, {
-                alpha: 0.3
-            })}`, textColorPrimary: primaryColor, colorPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.12 }), colorBorderedPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), closeIconColorPrimary: primaryColor, closeIconColorHoverPrimary: primaryColor, closeIconColorPressedPrimary: primaryColor, closeColorHoverPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.12 }), closeColorPressedPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.18 }), borderInfo: `${borderTagWidth}px solid ${(0, seemly_1.changeColor)(infoColor, {
-                alpha: 0.3
-            })}`, textColorInfo: infoColor, colorInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.12 }), colorBorderedInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.1 }), closeIconColorInfo: infoColor, closeIconColorHoverInfo: infoColor, closeIconColorPressedInfo: infoColor, closeColorHoverInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.12 }), closeColorPressedInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.18 }), borderSuccess: `${borderTagWidth}px solid ${(0, seemly_1.changeColor)(successColor, {
-                alpha: 0.3
-            })}`, textColorSuccess: successColor, colorSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.12 }), colorBorderedSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.1 }), closeIconColorSuccess: successColor, closeIconColorHoverSuccess: successColor, closeIconColorPressedSuccess: successColor, closeColorHoverSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.12 }), closeColorPressedSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.18 }), borderWarning: `${borderTagWidth}px solid ${(0, seemly_1.changeColor)(warningColor, {
-                alpha: 0.35
-            })}`, textColorWarning: warningColor, colorWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.15 }), colorBorderedWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.12 }), closeIconColorWarning: warningColor, closeIconColorHoverWarning: warningColor, closeIconColorPressedWarning: warningColor, closeColorHoverWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.12 }), closeColorPressedWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.18 }), borderError: `${borderTagWidth}px solid ${(0, seemly_1.changeColor)(errorColor, {
-                alpha: 0.23
-            })}`, textColorError: errorColor, colorError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.1 }), colorBorderedError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.08 }), closeIconColorError: errorColor, closeIconColorHoverError: errorColor, closeIconColorPressedError: errorColor, closeColorHoverError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.12 }), closeColorPressedError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.18 }) });
-    }
+    self: light_1.self
 };
 exports.default = tagDark;