@roku-ui/vue 0.10.0 → 0.11.0

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 (33) hide show
  1. package/dist/components/AspectRatio.vue.d.ts +1 -125
  2. package/dist/components/Avatar.vue.d.ts +0 -1
  3. package/dist/components/Btn.vue.d.ts +1 -1
  4. package/dist/components/ChatMessage.vue.d.ts +7 -3
  5. package/dist/components/Image.vue.d.ts +0 -1
  6. package/dist/components/Notification.vue.d.ts +10 -3
  7. package/dist/components/NotificationSystem.vue.d.ts +53 -1
  8. package/dist/components/Paper.vue.d.ts +11 -10
  9. package/dist/components/Popover.vue.d.ts +65 -0
  10. package/dist/components/Rating.vue.d.ts +50 -0
  11. package/dist/components/RokuProvider.vue.d.ts +0 -1
  12. package/dist/components/ScrollArea.vue.d.ts +1 -1
  13. package/dist/components/SelectArea.vue.d.ts +69 -0
  14. package/dist/components/Slider.vue.d.ts +2 -2
  15. package/dist/components/Tag.vue.d.ts +54 -0
  16. package/dist/components/TextField.vue.d.ts +1 -1
  17. package/dist/components/ThemeProvider.vue.d.ts +0 -1
  18. package/dist/components/index.d.ts +4 -0
  19. package/dist/composables/index.d.ts +6 -6
  20. package/dist/index.d.ts +0 -1
  21. package/dist/index.js +3722 -3483
  22. package/dist/index.umd.cjs +1 -1
  23. package/dist/shared/index.d.ts +343 -0
  24. package/dist/style.css +1 -1
  25. package/dist/test/demo/PopoverDemo.vue.d.ts +2 -0
  26. package/dist/test/demo/RatingDemo.vue.d.ts +2 -0
  27. package/dist/test/demo/SelectAreaDemo.vue.d.ts +2 -0
  28. package/dist/test/demo/TagsDemo.vue.d.ts +2 -0
  29. package/dist/types/index.d.ts +4 -0
  30. package/dist/utils/index.d.ts +9 -5
  31. package/dist/utils/notifications.d.ts +15 -2
  32. package/dist/utils/theme.d.ts +5 -2
  33. package/package.json +8 -8
package/dist/utils/index.d.ts CHANGED
@@ -1,10 +1,14 @@
1
- import { default as tinycolor } from 'tinycolor2';
2
-
1
+ import { ColorInput, default as tinycolor } from 'tinycolor2';
3
2
  export * from './theme';
4
3
  export * from './notifications';
5
- export declare function generateColorsMap(color: tinycolor.ColorInput | undefined, lightnessMap?: number[]): {
6
- baseColorIndex: number;
4
+ export * from './classGenerator';
5
+ export declare function generateColorsMap(color: tinycolor.ColorInput, lightnessMap?: number[]): {
7
6
  colors: string[];
7
+ baseColorIndex: number;
8
+ };
9
+ export declare function generateColorsObjMap(color: tinycolor.ColorInput, lightnessMap?: number[]): {
10
+ baseColorIndex: number;
11
+ colors: tinycolor.Instance[];
8
12
  };
9
13
  export type ColorsTuple = readonly [
10
14
  string,
@@ -20,5 +24,5 @@ export type ColorsTuple = readonly [
20
24
  string,
21
25
  ...string[]
22
26
  ];
23
- export declare function generateColors(color: string | tinycolor.ColorFormats.PRGB | tinycolor.ColorFormats.RGB | tinycolor.ColorFormats.HSL | tinycolor.ColorFormats.HSV | tinycolor.Instance | undefined, lightnessMap?: number[]): ColorsTuple;
27
+ export declare function generateColors(color: ColorInput, lightnessMap?: number[]): ColorsTuple;
24
28
  export * from './symbols';
package/dist/utils/notifications.d.ts CHANGED
@@ -3,10 +3,23 @@ export interface NotificationData {
3
3
  message?: string;
4
4
  color?: string;
5
5
  icon?: string;
6
+ durationMS?: number;
7
+ position?: 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
6
8
  [key: string]: any;
7
9
  }
8
- export declare const notificationsSymbol: unique symbol;
9
- export declare function useNotifications(): NotificationData;
10
+ export interface NotificationDataWithHash extends NotificationData {
11
+ hash: string;
12
+ }
13
+ export declare function useNotifications(): globalThis.Ref<{
14
+ [x: string]: any;
15
+ hash: string;
16
+ title?: string | undefined;
17
+ message?: string | undefined;
18
+ color?: string | undefined;
19
+ icon?: string | undefined;
20
+ durationMS?: number | undefined;
21
+ position?: ("top" | "top-right" | "top-left" | "bottom" | "bottom-right" | "bottom-left") | undefined;
22
+ }[]>;
10
23
  export declare class Notifications {
11
24
  static show(data: NotificationData): void;
12
25
  }
package/dist/utils/theme.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { ColorsTuple } from '.';
2
-
3
2
  export interface BaseVariant {
4
3
  light: string;
5
4
  base: string;
@@ -21,7 +20,11 @@ export interface ThemeData {
21
20
  name: string;
22
21
  colors: ThemeColorsColors;
23
22
  }
24
- export declare const themeColors: ThemeColorsColors;
23
+ export declare const primaryColor: globalThis.Ref<string>;
24
+ export declare const secondaryColor: globalThis.Ref<string>;
25
+ export declare const tertiaryColor: globalThis.Ref<string>;
26
+ export declare const errorColor: globalThis.Ref<string>;
27
+ export declare const surfaceColor: globalThis.Ref<string>;
25
28
  export declare const defaultTheme: globalThis.ComputedRef<{
26
29
  name: string;
27
30
  colors: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@roku-ui/vue",
3
3
  "type": "module",
4
- "version": "0.10.0",
4
+ "version": "0.11.0",
5
5
  "author": "Jianqi Pan <jannchie@gmail.com>",
6
6
  "repository": {
7
7
  "type": "git",
@@ -30,7 +30,7 @@
30
30
  "dependencies": {
31
31
  "@formkit/auto-animate": "^0.8.2",
32
32
  "@iconify-json/line-md": "^1.1.38",
33
- "@unocss/reset": "^0.61.9",
33
+ "@unocss/reset": "^0.62.1",
34
34
  "@vueuse/core": "^10.11.0",
35
35
  "tinycolor2": "^1.6.0",
36
36
  "vue": "^3.4.35",
@@ -41,22 +41,22 @@
41
41
  "@iconify-json/tabler": "^1.1.118",
42
42
  "@jannchie/eslint-config": "^3.2.1",
43
43
  "@types/tinycolor2": "^1.4.6",
44
- "@unocss/eslint-config": "^0.61.9",
45
- "@unocss/eslint-plugin": "^0.61.9",
46
- "@unocss/preset-icons": "^0.61.9",
44
+ "@unocss/eslint-config": "^0.62.1",
45
+ "@unocss/eslint-plugin": "^0.62.1",
46
+ "@unocss/preset-icons": "^0.62.1",
47
47
  "@vitejs/plugin-vue": "^5.1.2",
48
48
  "eslint": "^9.8.0",
49
49
  "eslint-plugin-format": "^0.1.2",
50
50
  "typescript": "^5.5.4",
51
- "unocss": "^0.61.9",
51
+ "unocss": "^0.62.1",
52
52
  "unplugin-auto-export": "^1.0.2",
53
53
  "unplugin-auto-import": "^0.18.2",
54
54
  "unplugin-vue-components": "^0.27.3",
55
55
  "vite": "^5.3.5",
56
- "vite-plugin-dts": "4.0.0-beta.2",
56
+ "vite-plugin-dts": "4.0.3",
57
57
  "vitest": "^2.0.5",
58
58
  "vue-tsc": "^2.0.29",
59
- "@roku-ui/preset": "^0.10.0"
59
+ "@roku-ui/preset": "^0.11.0"
60
60
  },
61
61
  "scripts": {
62
62
  "dev": "vite",