@uzum-tech/ui 1.7.0 → 1.7.1

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

@@ -36,7 +36,7 @@ export declare const tagProps: {
     onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error" | "tertiary">;
+        readonly type: PropType<"default" | "tertiary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -106,51 +106,6 @@ export declare const tagProps: {
         closeIconColorPressedTertiary: string;
         closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
-        borderPrimary: string;
-        textColorPrimary: string;
-        colorPrimary: string;
-        colorBorderedPrimary: string;
-        closeIconColorPrimary: string;
-        closeIconColorHoverPrimary: string;
-        closeIconColorPressedPrimary: string;
-        closeColorHoverPrimary: string;
-        closeColorPressedPrimary: string;
-        borderInfo: string;
-        textColorInfo: string;
-        colorInfo: string;
-        colorBorderedInfo: string;
-        closeIconColorInfo: string;
-        closeIconColorHoverInfo: string;
-        closeIconColorPressedInfo: string;
-        closeColorHoverInfo: string;
-        closeColorPressedInfo: string;
-        borderSuccess: string;
-        textColorSuccess: string;
-        colorSuccess: string;
-        colorBorderedSuccess: string;
-        closeIconColorSuccess: string;
-        closeIconColorHoverSuccess: string;
-        closeIconColorPressedSuccess: string;
-        closeColorHoverSuccess: string;
-        closeColorPressedSuccess: string;
-        borderWarning: string;
-        textColorWarning: string;
-        colorWarning: string;
-        colorBorderedWarning: string;
-        closeIconColorWarning: string;
-        closeIconColorHoverWarning: string;
-        closeIconColorPressedWarning: string;
-        closeColorHoverWarning: string;
-        closeColorPressedWarning: string;
-        borderError: string;
-        textColorError: string;
-        colorError: string;
-        colorBorderedError: string;
-        closeIconColorError: string;
-        closeIconColorHoverError: string;
-        closeIconColorPressedError: string;
-        closeColorHoverError: string;
-        closeColorPressedError: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
@@ -210,51 +165,6 @@ export declare const tagProps: {
         closeIconColorPressedTertiary: string;
         closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
-        borderPrimary: string;
-        textColorPrimary: string;
-        colorPrimary: string;
-        colorBorderedPrimary: string;
-        closeIconColorPrimary: string;
-        closeIconColorHoverPrimary: string;
-        closeIconColorPressedPrimary: string;
-        closeColorHoverPrimary: string;
-        closeColorPressedPrimary: string;
-        borderInfo: string;
-        textColorInfo: string;
-        colorInfo: string;
-        colorBorderedInfo: string;
-        closeIconColorInfo: string;
-        closeIconColorHoverInfo: string;
-        closeIconColorPressedInfo: string;
-        closeColorHoverInfo: string;
-        closeColorPressedInfo: string;
-        borderSuccess: string;
-        textColorSuccess: string;
-        colorSuccess: string;
-        colorBorderedSuccess: string;
-        closeIconColorSuccess: string;
-        closeIconColorHoverSuccess: string;
-        closeIconColorPressedSuccess: string;
-        closeColorHoverSuccess: string;
-        closeColorPressedSuccess: string;
-        borderWarning: string;
-        textColorWarning: string;
-        colorWarning: string;
-        colorBorderedWarning: string;
-        closeIconColorWarning: string;
-        closeIconColorHoverWarning: string;
-        closeIconColorPressedWarning: string;
-        closeColorHoverWarning: string;
-        closeColorPressedWarning: string;
-        borderError: string;
-        textColorError: string;
-        colorError: string;
-        colorBorderedError: string;
-        closeIconColorError: string;
-        closeIconColorHoverError: string;
-        closeIconColorPressedError: string;
-        closeColorHoverError: string;
-        closeColorPressedError: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
@@ -314,51 +224,6 @@ export declare const tagProps: {
         closeIconColorPressedTertiary: string;
         closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
-        borderPrimary: string;
-        textColorPrimary: string;
-        colorPrimary: string;
-        colorBorderedPrimary: string;
-        closeIconColorPrimary: string;
-        closeIconColorHoverPrimary: string;
-        closeIconColorPressedPrimary: string;
-        closeColorHoverPrimary: string;
-        closeColorPressedPrimary: string;
-        borderInfo: string;
-        textColorInfo: string;
-        colorInfo: string;
-        colorBorderedInfo: string;
-        closeIconColorInfo: string;
-        closeIconColorHoverInfo: string;
-        closeIconColorPressedInfo: string;
-        closeColorHoverInfo: string;
-        closeColorPressedInfo: string;
-        borderSuccess: string;
-        textColorSuccess: string;
-        colorSuccess: string;
-        colorBorderedSuccess: string;
-        closeIconColorSuccess: string;
-        closeIconColorHoverSuccess: string;
-        closeIconColorPressedSuccess: string;
-        closeColorHoverSuccess: string;
-        closeColorPressedSuccess: string;
-        borderWarning: string;
-        textColorWarning: string;
-        colorWarning: string;
-        colorBorderedWarning: string;
-        closeIconColorWarning: string;
-        closeIconColorHoverWarning: string;
-        closeIconColorPressedWarning: string;
-        closeColorHoverWarning: string;
-        closeColorPressedWarning: string;
-        borderError: string;
-        textColorError: string;
-        colorError: string;
-        colorBorderedError: string;
-        closeIconColorError: string;
-        closeIconColorHoverError: string;
-        closeIconColorPressedError: string;
-        closeColorHoverError: string;
-        closeColorPressedError: string;
     }, any>>>;
 };
 interface TagInjection {
@@ -396,7 +261,7 @@ declare const _default: import("vue").DefineComponent<{
     onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error" | "tertiary">;
+        readonly type: PropType<"default" | "tertiary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -466,51 +331,6 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedTertiary: string;
         closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
-        borderPrimary: string;
-        textColorPrimary: string;
-        colorPrimary: string;
-        colorBorderedPrimary: string;
-        closeIconColorPrimary: string;
-        closeIconColorHoverPrimary: string;
-        closeIconColorPressedPrimary: string;
-        closeColorHoverPrimary: string;
-        closeColorPressedPrimary: string;
-        borderInfo: string;
-        textColorInfo: string;
-        colorInfo: string;
-        colorBorderedInfo: string;
-        closeIconColorInfo: string;
-        closeIconColorHoverInfo: string;
-        closeIconColorPressedInfo: string;
-        closeColorHoverInfo: string;
-        closeColorPressedInfo: string;
-        borderSuccess: string;
-        textColorSuccess: string;
-        colorSuccess: string;
-        colorBorderedSuccess: string;
-        closeIconColorSuccess: string;
-        closeIconColorHoverSuccess: string;
-        closeIconColorPressedSuccess: string;
-        closeColorHoverSuccess: string;
-        closeColorPressedSuccess: string;
-        borderWarning: string;
-        textColorWarning: string;
-        colorWarning: string;
-        colorBorderedWarning: string;
-        closeIconColorWarning: string;
-        closeIconColorHoverWarning: string;
-        closeIconColorPressedWarning: string;
-        closeColorHoverWarning: string;
-        closeColorPressedWarning: string;
-        borderError: string;
-        textColorError: string;
-        colorError: string;
-        colorBorderedError: string;
-        closeIconColorError: string;
-        closeIconColorHoverError: string;
-        closeIconColorPressedError: string;
-        closeColorHoverError: string;
-        closeColorPressedError: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
@@ -570,51 +390,6 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedTertiary: string;
         closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
-        borderPrimary: string;
-        textColorPrimary: string;
-        colorPrimary: string;
-        colorBorderedPrimary: string;
-        closeIconColorPrimary: string;
-        closeIconColorHoverPrimary: string;
-        closeIconColorPressedPrimary: string;
-        closeColorHoverPrimary: string;
-        closeColorPressedPrimary: string;
-        borderInfo: string;
-        textColorInfo: string;
-        colorInfo: string;
-        colorBorderedInfo: string;
-        closeIconColorInfo: string;
-        closeIconColorHoverInfo: string;
-        closeIconColorPressedInfo: string;
-        closeColorHoverInfo: string;
-        closeColorPressedInfo: string;
-        borderSuccess: string;
-        textColorSuccess: string;
-        colorSuccess: string;
-        colorBorderedSuccess: string;
-        closeIconColorSuccess: string;
-        closeIconColorHoverSuccess: string;
-        closeIconColorPressedSuccess: string;
-        closeColorHoverSuccess: string;
-        closeColorPressedSuccess: string;
-        borderWarning: string;
-        textColorWarning: string;
-        colorWarning: string;
-        colorBorderedWarning: string;
-        closeIconColorWarning: string;
-        closeIconColorHoverWarning: string;
-        closeIconColorPressedWarning: string;
-        closeColorHoverWarning: string;
-        closeColorPressedWarning: string;
-        borderError: string;
-        textColorError: string;
-        colorError: string;
-        colorBorderedError: string;
-        closeIconColorError: string;
-        closeIconColorHoverError: string;
-        closeIconColorPressedError: string;
-        closeColorHoverError: string;
-        closeColorPressedError: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
@@ -674,51 +449,6 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedTertiary: string;
         closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
-        borderPrimary: string;
-        textColorPrimary: string;
-        colorPrimary: string;
-        colorBorderedPrimary: string;
-        closeIconColorPrimary: string;
-        closeIconColorHoverPrimary: string;
-        closeIconColorPressedPrimary: string;
-        closeColorHoverPrimary: string;
-        closeColorPressedPrimary: string;
-        borderInfo: string;
-        textColorInfo: string;
-        colorInfo: string;
-        colorBorderedInfo: string;
-        closeIconColorInfo: string;
-        closeIconColorHoverInfo: string;
-        closeIconColorPressedInfo: string;
-        closeColorHoverInfo: string;
-        closeColorPressedInfo: string;
-        borderSuccess: string;
-        textColorSuccess: string;
-        colorSuccess: string;
-        colorBorderedSuccess: string;
-        closeIconColorSuccess: string;
-        closeIconColorHoverSuccess: string;
-        closeIconColorPressedSuccess: string;
-        closeColorHoverSuccess: string;
-        closeColorPressedSuccess: string;
-        borderWarning: string;
-        textColorWarning: string;
-        colorWarning: string;
-        colorBorderedWarning: string;
-        closeIconColorWarning: string;
-        closeIconColorHoverWarning: string;
-        closeIconColorPressedWarning: string;
-        closeColorHoverWarning: string;
-        closeColorPressedWarning: string;
-        borderError: string;
-        textColorError: string;
-        colorError: string;
-        colorBorderedError: string;
-        closeIconColorError: string;
-        closeIconColorHoverError: string;
-        closeIconColorPressedError: string;
-        closeColorHoverError: string;
-        closeColorPressedError: string;
     }, any>>>;
 }, {
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -796,7 +526,7 @@ declare const _default: import("vue").DefineComponent<{
     onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error" | "tertiary">;
+        readonly type: PropType<"default" | "tertiary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -866,51 +596,6 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedTertiary: string;
         closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
-        borderPrimary: string;
-        textColorPrimary: string;
-        colorPrimary: string;
-        colorBorderedPrimary: string;
-        closeIconColorPrimary: string;
-        closeIconColorHoverPrimary: string;
-        closeIconColorPressedPrimary: string;
-        closeColorHoverPrimary: string;
-        closeColorPressedPrimary: string;
-        borderInfo: string;
-        textColorInfo: string;
-        colorInfo: string;
-        colorBorderedInfo: string;
-        closeIconColorInfo: string;
-        closeIconColorHoverInfo: string;
-        closeIconColorPressedInfo: string;
-        closeColorHoverInfo: string;
-        closeColorPressedInfo: string;
-        borderSuccess: string;
-        textColorSuccess: string;
-        colorSuccess: string;
-        colorBorderedSuccess: string;
-        closeIconColorSuccess: string;
-        closeIconColorHoverSuccess: string;
-        closeIconColorPressedSuccess: string;
-        closeColorHoverSuccess: string;
-        closeColorPressedSuccess: string;
-        borderWarning: string;
-        textColorWarning: string;
-        colorWarning: string;
-        colorBorderedWarning: string;
-        closeIconColorWarning: string;
-        closeIconColorHoverWarning: string;
-        closeIconColorPressedWarning: string;
-        closeColorHoverWarning: string;
-        closeColorPressedWarning: string;
-        borderError: string;
-        textColorError: string;
-        colorError: string;
-        colorBorderedError: string;
-        closeIconColorError: string;
-        closeIconColorHoverError: string;
-        closeIconColorPressedError: string;
-        closeColorHoverError: string;
-        closeColorPressedError: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
@@ -970,51 +655,6 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedTertiary: string;
         closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
-        borderPrimary: string;
-        textColorPrimary: string;
-        colorPrimary: string;
-        colorBorderedPrimary: string;
-        closeIconColorPrimary: string;
-        closeIconColorHoverPrimary: string;
-        closeIconColorPressedPrimary: string;
-        closeColorHoverPrimary: string;
-        closeColorPressedPrimary: string;
-        borderInfo: string;
-        textColorInfo: string;
-        colorInfo: string;
-        colorBorderedInfo: string;
-        closeIconColorInfo: string;
-        closeIconColorHoverInfo: string;
-        closeIconColorPressedInfo: string;
-        closeColorHoverInfo: string;
-        closeColorPressedInfo: string;
-        borderSuccess: string;
-        textColorSuccess: string;
-        colorSuccess: string;
-        colorBorderedSuccess: string;
-        closeIconColorSuccess: string;
-        closeIconColorHoverSuccess: string;
-        closeIconColorPressedSuccess: string;
-        closeColorHoverSuccess: string;
-        closeColorPressedSuccess: string;
-        borderWarning: string;
-        textColorWarning: string;
-        colorWarning: string;
-        colorBorderedWarning: string;
-        closeIconColorWarning: string;
-        closeIconColorHoverWarning: string;
-        closeIconColorPressedWarning: string;
-        closeColorHoverWarning: string;
-        closeColorPressedWarning: string;
-        borderError: string;
-        textColorError: string;
-        colorError: string;
-        colorBorderedError: string;
-        closeIconColorError: string;
-        closeIconColorHoverError: string;
-        closeIconColorPressedError: string;
-        closeColorHoverError: string;
-        closeColorPressedError: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         closeIconSizeTiny: string;
@@ -1074,54 +714,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconColorPressedTertiary: string;
         closeColorHoverTertiary: string;
         closeColorPressedTertiary: string;
-        borderPrimary: string;
-        textColorPrimary: string;
-        colorPrimary: string;
-        colorBorderedPrimary: string;
-        closeIconColorPrimary: string;
-        closeIconColorHoverPrimary: string;
-        closeIconColorPressedPrimary: string;
-        closeColorHoverPrimary: string;
-        closeColorPressedPrimary: string;
-        borderInfo: string;
-        textColorInfo: string;
-        colorInfo: string;
-        colorBorderedInfo: string;
-        closeIconColorInfo: string;
-        closeIconColorHoverInfo: string;
-        closeIconColorPressedInfo: string;
-        closeColorHoverInfo: string;
-        closeColorPressedInfo: string;
-        borderSuccess: string;
-        textColorSuccess: string;
-        colorSuccess: string;
-        colorBorderedSuccess: string;
-        closeIconColorSuccess: string;
-        closeIconColorHoverSuccess: string;
-        closeIconColorPressedSuccess: string;
-        closeColorHoverSuccess: string;
-        closeColorPressedSuccess: string;
-        borderWarning: string;
-        textColorWarning: string;
-        colorWarning: string;
-        colorBorderedWarning: string;
-        closeIconColorWarning: string;
-        closeIconColorHoverWarning: string;
-        closeIconColorPressedWarning: string;
-        closeColorHoverWarning: string;
-        closeColorPressedWarning: string;
-        borderError: string;
-        textColorError: string;
-        colorError: string;
-        colorBorderedError: string;
-        closeIconColorError: string;
-        closeIconColorHoverError: string;
-        closeIconColorPressedError: string;
-        closeColorHoverError: string;
-        closeColorPressedError: string;
     }, any>>>;
 }>>, {
-    type: "default" | "tertiary" | "primary" | "info" | "success" | "warning" | "error";
+    type: "default" | "tertiary";
     disabled: boolean | undefined;
     bordered: boolean | undefined;
     size: "small" | "medium" | "large";

package/es/tag/src/Tag.js

@@ -33,6 +33,9 @@ export default defineComponent({
                 if (props.onCheckedChange !== undefined) {
                     warnOnce('tag', '`on-checked-change` is deprecated, please use `on-update:checked` instead');
                 }
+                if (['primary', 'success', 'info', 'warning', 'error'].includes(props.type)) {
+                    warnOnce('tag', '`primary, success, info, warning, error` types are deprecated, please use `color` instead');
+                }
             });
         }
         const contentRef = ref(null);

package/es/tag/src/common-props.d.ts

@@ -7,7 +7,7 @@ export interface TagColor {
 declare const _default: {
     readonly color: PropType<TagColor>;
     readonly type: {
-        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error" | "tertiary">;
+        readonly type: PropType<"default" | "tertiary">;
         readonly default: "default";
     };
     readonly round: BooleanConstructor;

package/es/tag/styles/light.d.ts

@@ -58,51 +58,6 @@ export declare const self: (vars: ThemeCommonVars) => {
     closeIconColorPressedTertiary: string;
     closeColorHoverTertiary: string;
     closeColorPressedTertiary: string;
-    borderPrimary: string;
-    textColorPrimary: string;
-    colorPrimary: string;
-    colorBorderedPrimary: string;
-    closeIconColorPrimary: string;
-    closeIconColorHoverPrimary: string;
-    closeIconColorPressedPrimary: string;
-    closeColorHoverPrimary: string;
-    closeColorPressedPrimary: string;
-    borderInfo: string;
-    textColorInfo: string;
-    colorInfo: string;
-    colorBorderedInfo: string;
-    closeIconColorInfo: string;
-    closeIconColorHoverInfo: string;
-    closeIconColorPressedInfo: string;
-    closeColorHoverInfo: string;
-    closeColorPressedInfo: string;
-    borderSuccess: string;
-    textColorSuccess: string;
-    colorSuccess: string;
-    colorBorderedSuccess: string;
-    closeIconColorSuccess: string;
-    closeIconColorHoverSuccess: string;
-    closeIconColorPressedSuccess: string;
-    closeColorHoverSuccess: string;
-    closeColorPressedSuccess: string;
-    borderWarning: string;
-    textColorWarning: string;
-    colorWarning: string;
-    colorBorderedWarning: string;
-    closeIconColorWarning: string;
-    closeIconColorHoverWarning: string;
-    closeIconColorPressedWarning: string;
-    closeColorHoverWarning: string;
-    closeColorPressedWarning: string;
-    borderError: string;
-    textColorError: string;
-    colorError: string;
-    colorBorderedError: string;
-    closeIconColorError: string;
-    closeIconColorHoverError: string;
-    closeIconColorPressedError: string;
-    closeColorHoverError: string;
-    closeColorPressedError: string;
 };
 export type TagThemeVars = ReturnType<typeof self>;
 declare const tagLight: Theme<'Tag', TagThemeVars>;

package/es/tag/styles/light.js

@@ -1,7 +1,7 @@
 import { changeColor } from 'seemly';
 import { commonLight } from '../../_styles/common';
 export const self = (vars) => {
-    const { opacityDisabled, borderRadiusSmall: borderRadius, fontWeightStrong, fontWeight, elementsTertiary, fontBodySmall, fontBodyMedium, textQuaternary, elementsPrimary, elementsSecondary, elementsSenary, elementsQuinary, textPrimary, elementsQuaternary, transparencySecondary, staticDarkGrey, staticWhite, elementsDarkQuinary, brandPrimary600, brandPrimary500, brandQuaternary600, brandQuaternary500, staticGreen, staticOrange, staticRed, staticBlack } = vars;
+    const { opacityDisabled, borderRadiusSmall: borderRadius, fontWeightStrong, fontWeight, elementsTertiary, fontBodySmall, fontBodyMedium, textQuaternary, elementsPrimary, elementsSecondary, elementsSenary, elementsQuinary, textPrimary, elementsQuaternary, transparencySecondary, staticDarkGrey, staticWhite, elementsDarkQuinary, staticBlack } = vars;
     const borderTagWidth = 2;
     return {
         closeIconSizeTiny: '16px',
@@ -63,63 +63,7 @@ export const self = (vars) => {
         closeIconColorHoverTertiary: staticWhite,
         closeIconColorPressedTertiary: staticWhite,
         closeColorHoverTertiary: changeColor(staticWhite, { alpha: 0.12 }),
-        closeColorPressedTertiary: changeColor(staticWhite, { alpha: 0.18 }),
-        // primary
-        borderPrimary: `${borderTagWidth}px solid ${brandPrimary600}`,
-        textColorPrimary: staticWhite,
-        colorPrimary: brandPrimary500,
-        colorBorderedPrimary: brandPrimary500,
-        closeIconColorPrimary: staticWhite,
-        closeIconColorHoverPrimary: staticWhite,
-        closeIconColorPressedPrimary: staticWhite,
-        closeColorHoverPrimary: changeColor(staticWhite, { alpha: 0.12 }),
-        closeColorPressedPrimary: changeColor(staticWhite, { alpha: 0.18 }),
-        // info
-        borderInfo: `${borderTagWidth}px solid ${brandQuaternary600}`,
-        textColorInfo: staticBlack,
-        colorInfo: brandQuaternary500,
-        colorBorderedInfo: brandQuaternary500,
-        closeIconColorInfo: staticBlack,
-        closeIconColorHoverInfo: staticBlack,
-        closeIconColorPressedInfo: staticBlack,
-        closeColorHoverInfo: changeColor(staticBlack, { alpha: 0.12 }),
-        closeColorPressedInfo: changeColor(staticBlack, { alpha: 0.18 }),
-        // success
-        borderSuccess: `${borderTagWidth}px solid ${changeColor(staticGreen, {
-            alpha: 0.3
-        })}`,
-        textColorSuccess: staticWhite,
-        colorSuccess: staticGreen,
-        colorBorderedSuccess: staticGreen,
-        closeIconColorSuccess: staticWhite,
-        closeIconColorHoverSuccess: staticWhite,
-        closeIconColorPressedSuccess: staticWhite,
-        closeColorHoverSuccess: changeColor(staticWhite, { alpha: 0.12 }),
-        closeColorPressedSuccess: changeColor(staticWhite, { alpha: 0.18 }),
-        // warning
-        borderWarning: `${borderTagWidth}px solid ${changeColor(staticOrange, {
-            alpha: 0.35
-        })}`,
-        textColorWarning: staticWhite,
-        colorWarning: staticOrange,
-        colorBorderedWarning: staticOrange,
-        closeIconColorWarning: staticWhite,
-        closeIconColorHoverWarning: staticWhite,
-        closeIconColorPressedWarning: staticWhite,
-        closeColorHoverWarning: changeColor(staticWhite, { alpha: 0.12 }),
-        closeColorPressedWarning: changeColor(staticWhite, { alpha: 0.18 }),
-        // error
-        borderError: `${borderTagWidth}px solid ${changeColor(staticRed, {
-            alpha: 0.23
-        })}`,
-        textColorError: staticWhite,
-        colorError: staticRed,
-        colorBorderedError: staticRed,
-        closeIconColorError: staticWhite,
-        closeIconColorHoverError: staticWhite,
-        closeIconColorPressedError: staticWhite,
-        closeColorHoverError: changeColor(staticWhite, { alpha: 0.12 }),
-        closeColorPressedError: changeColor(staticWhite, { alpha: 0.18 })
+        closeColorPressedTertiary: changeColor(staticWhite, { alpha: 0.18 })
     };
 };
 const tagLight = {