mediacube-ui-v2 0.0.98 → 0.0.100

package/dist/types/assets/tokens/json/colors.json.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
   "$color-outline-light": "#DEE0E2",
   "$color-hover-gray": "#EDF0F3",
   "$color-bg-gray": "#F5F6Fa",
+  "$color-light-gray": "#F3F5F7",
   "$color-white": "#FFFFFF",
   "$color-hover-purple": "#7238FF",
   "$color-purple": "#8756FF",
@@ -33,7 +34,15 @@ declare const _default: {
   "$color-turquoise": "#4EA9A2",
   "$color-darken-turquoise": "#2F8C99",
   "$color-transparent": "transparent",
+  "$color-main": "#8756FF",
+  "$color-main-light": "#CBB7FF",
+  "$color-main-lighter": "#EEE8FF",
+  "$color-main-dark": "#EEE8FF",
   "$token-colors": {
+    "main": "#8756FF",
+    "main-light": "#CBB7FF",
+    "main-lighter": "#EEE8FF",
+    "main-dark": "#EEE8FF",
     "purple": "#8756FF",
     "hover-purple": "#7238FF",
     "light-purple": "#CBB7FF",
@@ -45,6 +54,7 @@ declare const _default: {
     "gray": "#8F99A3",
     "outline-gray": "#C7CCD1",
     "hover-gray": "#EDF0F3",
+    "light-gray": "#F3F5F7",
     "bg-gray": "#F5F6Fa",
     "white": "#FFFFFF",
     "hover-blue": "#0A54C2",

package/dist/types/components/elements/McAvatar/McAvatar.vue.d.ts

@@ -143,13 +143,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    size: "400" | "500" | "600" | "700" | "300" | "800" | "900" | "1000";
     lazy: boolean;
     src: string;
     alt: string;
-    size: "400" | "500" | "600" | "700" | "300" | "800" | "900" | "1000";
     rounded: boolean;
-    borderColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-    dotColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    borderColor: "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    dotColor: "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     shadow: boolean;
     draggable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/types/components/elements/McBadge/McBadge.vue.d.ts

@@ -4,8 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      *  `purple, purple-outline т.д.`
      */
     variation: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      *  Вертикальная черта (в таблице, к примеру)
@@ -24,8 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      *  `purple, purple-outline т.д.`
      */
     variation: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      *  Вертикальная черта (в таблице, к примеру)
@@ -39,7 +37,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    variation: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     verticalLine: boolean;
     modern: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {

package/dist/types/components/elements/McButton/McButton.vue.d.ts

@@ -75,7 +75,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      */
     variation: {
         type: () => ButtonVariationUnion;
-        default: string;
     };
     /**
      *  Размеры:
@@ -159,7 +158,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * Если нужен другой цвет при взаимодействии
      */
     secondaryColor: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
         default: null;
     };
     /**
@@ -278,7 +277,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      */
     variation: {
         type: () => ButtonVariationUnion;
-        default: string;
     };
     /**
      *  Размеры:
@@ -362,7 +360,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * Если нужен другой цвет при взаимодействии
      */
     secondaryColor: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
         default: null;
     };
     /**
@@ -416,22 +414,21 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     rounded: boolean;
     shadow: boolean;
     type: ButtonTypeUnion;
-    variation: ButtonVariationUnion;
-    weight: WeightsUnion;
-    textAlign: HorizontalAlignmentUnion;
     nuxt: boolean;
     disabled: boolean;
     inactive: boolean;
     loading: boolean;
     iconLoading: boolean;
     semiRounded: boolean;
+    textAlign: HorizontalAlignmentUnion;
     fullWidth: boolean;
     isActive: boolean;
     exact: boolean;
     defaultTag: string;
-    secondaryColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    secondaryColor: "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     underlineLink: boolean;
     bgFlat: boolean;
+    weight: WeightsUnion;
     tooltip: string;
     tooltipPlacement: TooltipPositionsUnion;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {

package/dist/types/components/elements/McChip/McChip.vue.d.ts

@@ -23,7 +23,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      */
     variation: {
         type: () => ChipVariationUnion;
-        default: string;
     };
     /**
      *  Счетчик
@@ -45,8 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      *  иной цвет текста
      */
     textColor: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (...args: any[]) => void;
@@ -74,7 +72,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      */
     variation: {
         type: () => ChipVariationUnion;
-        default: string;
     };
     /**
      *  Счетчик
@@ -96,8 +93,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      *  иной цвет текста
      */
     textColor: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
@@ -105,8 +101,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
 }>, {
     size: ChipSizeUnion;
     title: string | number;
-    variation: ChipVariationUnion;
-    textColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     closable: boolean;
     counter: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {

package/dist/types/components/elements/McDraggable/McDraggable.vue.d.ts

@@ -11,8 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * purple, red, orange и т.д.
      */
     variation: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     initial: {
         type: PropType<DraggableInitPayload>;
@@ -38,8 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * purple, red, orange и т.д.
      */
     variation: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     initial: {
         type: PropType<DraggableInitPayload>;
@@ -60,7 +58,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         default: string;
     };
 }>> & Readonly<{}>, {
-    variation: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     initial: DraggableInitPayload;
     savePosition: boolean;
     storageType: StorageTypeUnion;

package/dist/types/components/elements/McFieldRadio/McFieldRadio.vue.d.ts

@@ -71,8 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * цвет
      */
     color: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     iconSize: {
         type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "550" | "800" | "900" | "1000";
@@ -153,8 +152,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * цвет
      */
     color: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     iconSize: {
         type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "550" | "800" | "900" | "1000";
@@ -170,10 +168,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     label: string | number;
     value: null;
     variation: RadioVariationUnion;
-    modelValue: null;
-    dir: DirectionsUnion;
-    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     disabled: boolean;
+    dir: DirectionsUnion;
+    modelValue: null;
     helpText: string;
     errors: string[];
     iconSize: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "550" | "800" | "900" | "1000";

package/dist/types/components/elements/McFieldRange/McFieldRange.vue.d.ts

@@ -42,8 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      *  Цвет слайдера
      */
     color: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      *  Is it lazy to update the value.
@@ -136,8 +135,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      *  Цвет слайдера
      */
     color: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      *  Is it lazy to update the value.
@@ -192,7 +190,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
 }>, {
     lazy: boolean;
     title: string | null;
-    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     disabled: boolean;
     tooltip: string;
     tooltipPlacement: TooltipPositionsUnion;

package/dist/types/components/elements/McFieldSelect/McFieldSelect.vue.d.ts

@@ -99,7 +99,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      *  Цвет фона
      */
     backgroundColor: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
         default: null;
     };
     /**
@@ -237,8 +237,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         default: string;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string | number | string[] | number[] | null) => any;
     tag: (value: string) => any;
+    "update:modelValue": (value: string | number | string[] | number[] | null) => any;
     "original-input": (value: ISelectOptions[]) => any;
     "search-change": (value: string) => any;
     "handle-open": () => any;
@@ -340,7 +340,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      *  Цвет фона
      */
     backgroundColor: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
         default: null;
     };
     /**
@@ -478,20 +478,21 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         default: string;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | string[] | number[] | null) => any) | undefined;
     onTag?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | string[] | number[] | null) => any) | undefined;
     "onOriginal-input"?: ((value: ISelectOptions[]) => any) | undefined;
     "onSearch-change"?: ((value: string) => any) | undefined;
     "onHandle-open"?: (() => any) | undefined;
     "onHandle-close"?: (() => any) | undefined;
 }>, {
     icon: "reset" | "link" | "a_circle" | "access_time" | "account_circle" | "account_edit" | "add" | "add_circle" | "address" | "ads_banner" | "album" | "alert_solid" | "alternate_email" | "amocrm" | "amper_music" | "analytics" | "animation_motion" | "api" | "apple_icon" | "applications" | "applications_new" | "apps" | "archive" | "archive_in" | "archive_out" | "arrow-stats-down" | "arrow-stats-up" | "arrow_backward" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_leftward" | "arrow_rightward" | "arrow_to_grow_circle" | "arrow_up_down" | "arrow_upward" | "arrows" | "artist" | "assessment" | "assets_unassigned" | "assignment" | "assignment_ind" | "assist_icon" | "attach_money" | "audiotrack" | "backspace" | "bank" | "bank_building" | "bank_building_blue" | "bank_card" | "bank_card_arrow" | "bank_card_clock" | "bank_card_double" | "bank_card_virtual_blue" | "bank_money_colored" | "bankwire" | "bell" | "binance_coin_colored" | "biometrics" | "bitcoin" | "bitcoin_cash_colored" | "bitcoin_colored" | "board" | "book" | "broken_link" | "bug" | "bug_big" | "bug_report" | "building" | "building_colored" | "business_center" | "calendar" | "calendar_colored" | "calendar_load" | "calendar_sixteen" | "calendar_two_weeks" | "calendar_user" | "camera_alt" | "camera_plus" | "camera_video" | "cancel" | "cancel_alt" | "capitalist" | "capitalist_colored" | "card" | "card_off" | "card_off_circle" | "card_to_card_blue" | "card_to_card_colored" | "cash-ad" | "cash" | "category" | "cellphone" | "change_sheet" | "channels_icon" | "chart_bar" | "chart_line" | "chat" | "chat_add" | "chat_forum" | "chat_messages" | "check-rhombus" | "check" | "check_all" | "check_circle" | "check_circle_second" | "check_circle_solid" | "check_polygonal" | "checkbox--checked" | "checkbox" | "checkboxes" | "circle" | "circle_arrows" | "click" | "clickup" | "clip" | "clock_check" | "clock_solid" | "close" | "close_circle_outline" | "close_circle_solid" | "cloud_upload" | "coin_speed" | "comment" | "company" | "confetti" | "connection" | "contacts" | "contracts" | "convert" | "copy" | "copyright" | "credit-card" | "credit_card_blink" | "crypto" | "crypto_blue" | "crypto_colored" | "cryptowallet" | "cryptowallet_blue" | "cryptowallet_colored" | "cup" | "dashboard" | "date_range" | "deeplinks" | "delete-account" | "delete" | "delete_alt" | "deprecated" | "desktop_device" | "dialog" | "discord" | "discord_colored" | "dislike" | "doc-export" | "document" | "dollar" | "donate_blue" | "donate_colored" | "dot-status" | "download" | "drag" | "eWallet" | "e_wallet_blue" | "e_wallet_colored" | "edit" | "edit_solid" | "email" | "email_circle" | "email_colored" | "enrollment" | "epayments_colored" | "epidemic-sound" | "epidemic_sound_circle" | "error" | "ethereum_colored" | "event" | "event_alt" | "exit_to_app" | "explicit" | "export" | "export_all" | "express_payment" | "face" | "face_alt" | "facebook" | "facebook_colored" | "fast" | "favorite" | "file" | "file_add" | "file_copy" | "file_download" | "file_export" | "file_eye" | "file_import" | "file_new" | "filter_list" | "find_in_page" | "fire" | "fire_colored" | "fire_solid" | "flag_ar" | "flag_en" | "flag_es" | "flag_pt" | "flag_ru" | "flag_th" | "flag_vi" | "fly_dollar" | "fly_euro" | "freeze" | "fullscreen" | "get_app" | "gift_solid" | "glasses" | "google_colored" | "googleplus_colored" | "graph-no-data" | "group" | "group_connection" | "growth_arrow_circle" | "hand_money" | "help" | "help_invert" | "help_solid" | "help_ukraine_colored" | "home" | "iban" | "iban_blue" | "id_square" | "id_thin" | "image" | "infinity" | "info" | "info_rounded_square" | "info_solid" | "instagram" | "instagram_colored" | "keyboard" | "keyboard_arrow_left" | "keyboard_arrow_right" | "keyboard_arrow_right_thin" | "kraken" | "language" | "layers" | "lightning" | "lightning_circle" | "lightning_circle_solid" | "lightning_outlined" | "like" | "link_broken" | "link_colored" | "link_external" | "link_external_new" | "linkedin" | "linkedin_colored" | "list" | "litecoin_colored" | "live_help" | "loader" | "location_city" | "location_on" | "lock" | "lock_old" | "logout" | "magic_blink" | "mail_outline" | "mc_assist" | "mc_dashboard" | "mc_id" | "mc_pay" | "mc_pay_app" | "mc_pay_compact" | "mc_pay_menu" | "mc_pay_menu_circle_colored" | "mc_pay_mobile_app" | "mc_studio" | "mc_vidwide" | "mcadslogo" | "mediacube" | "menu" | "menu_new" | "message" | "messenger" | "messenger_colored" | "minus" | "mobile_device" | "money_clock" | "money_input" | "more_horiz" | "music" | "music_icon" | "new" | "notes" | "objects" | "obs" | "okru" | "okru_colored" | "ondemand_video" | "partners" | "pause" | "pause_circle_solid" | "payment" | "payoneer" | "payoneer_colored" | "payoneer_cy" | "paypal" | "paypal_colored" | "percent" | "personal_email_colored" | "phone_colored" | "photo_add" | "picture" | "picture_thin" | "plane" | "play-videos" | "play" | "play_circle_solid" | "print" | "prototype" | "public" | "qiwi" | "qiwi_colored" | "radio--checked" | "ready" | "receipt" | "receipt_thin" | "recording" | "recording_circle" | "recruiters" | "redo" | "referral" | "referral_solid" | "reload" | "reload_right" | "remove_red_eye" | "repair" | "reply_arrow" | "requisites" | "resize_video" | "revenue" | "review" | "ripple_colored" | "rocket" | "rocket_colored" | "rocket_small" | "role" | "safety" | "sand_clock" | "save" | "search" | "send" | "send_solid" | "settings" | "settings_solid" | "settings_tools" | "shield" | "shield_blue" | "shield_colored" | "shield_usd" | "shop" | "shopping_cart" | "shuffle" | "sign_out" | "skype" | "skype_colored" | "slack" | "smile_star_eye" | "sort_asc" | "sort_az" | "sort_desc" | "sort_directions" | "sort_list" | "sort_za" | "spy_colored" | "staff" | "star" | "star_round" | "star_round_solid" | "stars" | "stars_fill" | "stats_icon" | "steam" | "steam_colored" | "studio_icon" | "subscriptions" | "suitcase" | "supervised_user_circle" | "support" | "swap_cubes" | "swap_cubes_colored" | "swap_horizontal_circle" | "switches" | "table" | "telegram" | "telegram_colored" | "tether" | "tether_colored" | "three_dots" | "thumb_down" | "thumb_up" | "tiktok" | "time" | "time_thin" | "timelapse" | "timeline" | "tipalti" | "transaction" | "twitter_colored" | "unarchive" | "unfold_more" | "unlock" | "upload_img" | "usd_coin_colored" | "user" | "user_edit" | "user_kyc" | "viber" | "viber_colored" | "videoblocks" | "vidiq-logo-mono" | "vidiq_circle" | "visibility" | "visibility_off" | "vkontakte" | "vkontakte_colored" | "wallet" | "warning" | "webmoney" | "webmoney_colored" | "website_colored" | "whatsapp" | "whatsapp_colored" | "wise_colored" | "worldfirst" | "x_network" | "yandexmoney" | "yoomoney_colored" | "youtube" | "youtube_circled" | "youtube_circled_second" | "youtube_colored" | "youtube_outlined" | "zcash_colored";
+    avatar: string;
     title: string;
-    dir: DirectionsUnion;
-    required: boolean;
     disabled: boolean;
     loading: boolean;
     tabindex: string | number;
+    required: boolean;
+    dir: DirectionsUnion;
     helpText: string;
     placeholder: string;
     errors: string[];
@@ -502,8 +503,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     searchable: boolean;
     hideSelected: boolean;
     allowEmpty: boolean;
-    avatar: string;
-    backgroundColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    backgroundColor: "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     openDirection: SelectListDirectionsUnion;
     taggable: boolean;
     internalSearch: boolean;

package/dist/types/components/elements/McFieldText/McFieldText.vue.d.ts

@@ -225,6 +225,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: () => DirectionsUnion;
         default: Directions;
     };
+    width: {
+        type: PropType<string>;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     copy: (value: string) => any;
     keydown: (value: KeyboardEvent) => any;
@@ -451,6 +455,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: () => DirectionsUnion;
         default: Directions;
     };
+    width: {
+        type: PropType<string>;
+        default: string;
+    };
 }>> & Readonly<{
     onCopy?: ((value: string) => any) | undefined;
     onKeydown?: ((value: KeyboardEvent) => any) | undefined;
@@ -460,10 +468,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     type: InputTypesUnion;
     title: string;
     mask: string;
-    modelValue: InputValue;
-    dir: DirectionsUnion;
-    required: boolean;
+    width: string;
     disabled: boolean;
+    required: boolean;
+    dir: DirectionsUnion;
+    modelValue: InputValue;
     helpText: string;
     placeholder: string;
     errors: string[];

package/dist/types/components/elements/McFieldToggle/McFieldToggle.vue.d.ts

@@ -50,8 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * Активный цвет
      */
     color: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      *  Ошибки
@@ -119,8 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * Активный цвет
      */
     color: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      *  Ошибки
@@ -139,9 +137,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    modelValue: string | number | boolean;
-    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     disabled: boolean;
+    modelValue: string | number | boolean;
     errors: string[];
     checkedValue: string | number | boolean;
     uncheckedValue: string | number | boolean;

package/dist/types/components/elements/McNotification/McNotification.vue.d.ts

@@ -5,8 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * purple, red, orange и т.д.
      */
     variation: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      * Заголовок блока
@@ -57,8 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * purple, red, orange и т.д.
      */
     variation: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      * Заголовок блока
@@ -104,7 +102,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    variation: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     content: string;
     buttonVisible: boolean;
     buttonText: string;

package/dist/types/components/elements/McProgress/McProgress.vue.d.ts

@@ -23,7 +23,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     color: {
         type: () => ColorTypes;
-        default: string;
     };
     /**
      *  Цвет текста
@@ -31,7 +30,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     helpTextColor: {
         type: () => ColorTypes;
-        default: string;
     };
     /**
      *  Вспомогательный текст
@@ -84,7 +82,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     color: {
         type: () => ColorTypes;
-        default: string;
     };
     /**
      *  Цвет текста
@@ -92,7 +89,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     helpTextColor: {
         type: () => ColorTypes;
-        default: string;
     };
     /**
      *  Вспомогательный текст
@@ -124,11 +120,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     percent: number;
-    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     helpText: string;
     errors: string[];
     amount: string | number | boolean;
-    helpTextColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     reverseHeaders: boolean;
     monospaceNumbers: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/types/components/elements/McSeparator/McSeparator.vue.d.ts

@@ -11,8 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * Цвет (токены)
      */
     color: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      * Отступ слева и справа: 50, 200... ...1000
@@ -68,8 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * Цвет (токены)
      */
     color: {
-        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
-        default: string;
+        type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     };
     /**
      * Отступ слева и справа: 50, 200... ...1000
@@ -114,7 +112,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         default: string;
     };
 }>> & Readonly<{}>, {
-    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     weight: "s" | "m";
     indentX: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
     indentY: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";