mediacube-ui-v2 0.0.99 → 0.0.101

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/README.md +10 -0
  2. package/README.template.md +10 -0
  3. package/dist/assets/tokens/colors.scss +6 -2
  4. package/dist/mediacube-ui-v2.js +3918 -3896
  5. package/dist/mediacube-ui-v2.umd.cjs +4 -4
  6. package/dist/style.css +1 -1
  7. package/dist/types/assets/tokens/json/colors.json.d.ts +6 -2
  8. package/dist/types/components/elements/McAvatar/McAvatar.vue.d.ts +2 -2
  9. package/dist/types/components/elements/McBadge/McBadge.vue.d.ts +2 -2
  10. package/dist/types/components/elements/McButton/McButton.vue.d.ts +3 -3
  11. package/dist/types/components/elements/McChip/McChip.vue.d.ts +2 -2
  12. package/dist/types/components/elements/McDraggable/McDraggable.vue.d.ts +2 -2
  13. package/dist/types/components/elements/McFieldRadio/McFieldRadio.vue.d.ts +2 -2
  14. package/dist/types/components/elements/McFieldRange/McFieldRange.vue.d.ts +2 -2
  15. package/dist/types/components/elements/McFieldSelect/McFieldSelect.vue.d.ts +4 -4
  16. package/dist/types/components/elements/McFieldToggle/McFieldToggle.vue.d.ts +2 -2
  17. package/dist/types/components/elements/McNotification/McNotification.vue.d.ts +2 -2
  18. package/dist/types/components/elements/McSeparator/McSeparator.vue.d.ts +2 -2
  19. package/dist/types/components/elements/McSvgIcon/McSvgIcon.vue.d.ts +1 -1
  20. package/dist/types/components/elements/McTitle/McTitle.vue.d.ts +2 -2
  21. package/dist/types/components/elements/McTooltip/McTooltip.vue.d.ts +4 -4
  22. package/dist/types/components/patterns/McSideBar/McSideBarButton/McSideBarButton.vue.d.ts +1 -1
  23. package/dist/types/components/patterns/McTab/McTab.vue.d.ts +8 -8
  24. package/dist/types/components/patterns/McTabs/McTabs.vue.d.ts +4 -4
  25. package/dist/types/composables/useTheme.d.ts +3 -0
  26. package/dist/types/types/styles/ColorTheme.d.ts +3 -0
  27. package/dist/types/types/styles/Colors.d.ts +6 -0
  28. package/package.json +1 -1
@@ -18,13 +18,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
18
18
  * Цвет текста табов
19
19
  */
20
20
  color: {
21
- type: () => "transparent" | "main" | "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";
21
+ 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";
22
22
  };
23
23
  /**
24
24
  * Цвет линии активного таба
25
25
  */
26
26
  accentColor: {
27
- type: () => "transparent" | "main" | "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";
27
+ 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";
28
28
  };
29
29
  /**
30
30
  * Заглавные буквы
@@ -80,13 +80,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
80
80
  * Цвет текста табов
81
81
  */
82
82
  color: {
83
- type: () => "transparent" | "main" | "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";
83
+ 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";
84
84
  };
85
85
  /**
86
86
  * Цвет линии активного таба
87
87
  */
88
88
  accentColor: {
89
- type: () => "transparent" | "main" | "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";
89
+ 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";
90
90
  };
91
91
  /**
92
92
  * Заглавные буквы
@@ -1,6 +1,9 @@
1
1
  export declare function useTheme(component?: string): {
2
2
  colors: Record<string, string> | {
3
3
  main: string;
4
+ "main-light": string;
5
+ "main-lighter": string;
6
+ "main-dark": string;
4
7
  purple: string;
5
8
  "hover-purple": string;
6
9
  "light-purple": string;
@@ -106,6 +106,9 @@ export interface ColorThemes {
106
106
  }
107
107
  export declare const ThemesColors: {
108
108
  main: string;
109
+ "main-light": string;
110
+ "main-lighter": string;
111
+ "main-dark": string;
109
112
  purple: string;
110
113
  "hover-purple": string;
111
114
  "light-purple": string;
@@ -1,5 +1,8 @@
1
1
  export declare const Colors: {
2
2
  main: string;
3
+ "main-light": string;
4
+ "main-lighter": string;
5
+ "main-dark": string;
3
6
  purple: string;
4
7
  "hover-purple": string;
5
8
  "light-purple": string;
@@ -37,6 +40,9 @@ export declare const Colors: {
37
40
  };
38
41
  declare const modes: {
39
42
  readonly main: string;
43
+ readonly "main-light": string;
44
+ readonly "main-lighter": string;
45
+ readonly "main-dark": string;
40
46
  readonly purple: string;
41
47
  readonly "hover-purple": string;
42
48
  readonly "light-purple": string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mediacube-ui-v2",
3
- "version": "0.0.99",
3
+ "version": "0.0.101",
4
4
  "license": "MIT",
5
5
  "description": "Design system for Mediacube services",
6
6
  "keywords": [