@roku-ui/vue 0.9.1 → 0.11.0

package/dist/utils/index.d.ts

@@ -1,10 +1,14 @@
-import { default as tinycolor } from 'tinycolor2';
-
+import { ColorInput, default as tinycolor } from 'tinycolor2';
 export * from './theme';
 export * from './notifications';
-export declare function generateColorsMap(color: tinycolor.ColorInput | undefined, lightnessMap?: number[]): {
-    baseColorIndex: number;
+export * from './classGenerator';
+export declare function generateColorsMap(color: tinycolor.ColorInput, lightnessMap?: number[]): {
     colors: string[];
+    baseColorIndex: number;
+};
+export declare function generateColorsObjMap(color: tinycolor.ColorInput, lightnessMap?: number[]): {
+    baseColorIndex: number;
+    colors: tinycolor.Instance[];
 };
 export type ColorsTuple = readonly [
     string,
@@ -20,5 +24,5 @@ export type ColorsTuple = readonly [
     string,
     ...string[]
 ];
-export declare function generateColors(color: string | tinycolor.ColorFormats.PRGB | tinycolor.ColorFormats.RGB | tinycolor.ColorFormats.HSL | tinycolor.ColorFormats.HSV | tinycolor.Instance | undefined, lightnessMap?: number[]): ColorsTuple;
+export declare function generateColors(color: ColorInput, lightnessMap?: number[]): ColorsTuple;
 export * from './symbols';

package/dist/utils/notifications.d.ts

@@ -3,10 +3,23 @@ export interface NotificationData {
     message?: string;
     color?: string;
     icon?: string;
+    durationMS?: number;
+    position?: 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
     [key: string]: any;
 }
-export declare const notificationsSymbol: unique symbol;
-export declare function useNotifications(): NotificationData;
+export interface NotificationDataWithHash extends NotificationData {
+    hash: string;
+}
+export declare function useNotifications(): globalThis.Ref<{
+    [x: string]: any;
+    hash: string;
+    title?: string | undefined;
+    message?: string | undefined;
+    color?: string | undefined;
+    icon?: string | undefined;
+    durationMS?: number | undefined;
+    position?: ("top" | "top-right" | "top-left" | "bottom" | "bottom-right" | "bottom-left") | undefined;
+}[]>;
 export declare class Notifications {
     static show(data: NotificationData): void;
 }

package/dist/utils/theme.d.ts

@@ -1,5 +1,4 @@
 import { ColorsTuple } from '.';
-
 export interface BaseVariant {
     light: string;
     base: string;
@@ -21,7 +20,11 @@ export interface ThemeData {
     name: string;
     colors: ThemeColorsColors;
 }
-export declare const themeColors: ThemeColorsColors;
+export declare const primaryColor: globalThis.Ref<string>;
+export declare const secondaryColor: globalThis.Ref<string>;
+export declare const tertiaryColor: globalThis.Ref<string>;
+export declare const errorColor: globalThis.Ref<string>;
+export declare const surfaceColor: globalThis.Ref<string>;
 export declare const defaultTheme: globalThis.ComputedRef<{
     name: string;
     colors: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@roku-ui/vue",
   "type": "module",
-  "version": "0.9.1",
+  "version": "0.11.0",
   "author": "Jianqi Pan <jannchie@gmail.com>",
   "repository": {
     "type": "git",
@@ -30,32 +30,33 @@
   "dependencies": {
     "@formkit/auto-animate": "^0.8.2",
     "@iconify-json/line-md": "^1.1.38",
-    "@unocss/reset": "^0.61.2",
+    "@unocss/reset": "^0.62.1",
     "@vueuse/core": "^10.11.0",
     "tinycolor2": "^1.6.0",
-    "vue": "^3.4.31"
+    "vue": "^3.4.35",
+    "vue-wf": "^0.3.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.21.2",
-    "@iconify-json/tabler": "^1.1.116",
+    "@antfu/eslint-config": "^2.24.1",
+    "@iconify-json/tabler": "^1.1.118",
     "@jannchie/eslint-config": "^3.2.1",
     "@types/tinycolor2": "^1.4.6",
-    "@unocss/eslint-config": "^0.61.2",
-    "@unocss/eslint-plugin": "^0.61.2",
-    "@unocss/preset-icons": "^0.61.2",
-    "@vitejs/plugin-vue": "^5.0.5",
-    "eslint": "^9.6.0",
+    "@unocss/eslint-config": "^0.62.1",
+    "@unocss/eslint-plugin": "^0.62.1",
+    "@unocss/preset-icons": "^0.62.1",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "eslint": "^9.8.0",
     "eslint-plugin-format": "^0.1.2",
-    "typescript": "^5.5.3",
-    "unocss": "^0.61.2",
+    "typescript": "^5.5.4",
+    "unocss": "^0.62.1",
     "unplugin-auto-export": "^1.0.2",
-    "unplugin-auto-import": "^0.17.6",
-    "unplugin-vue-components": "^0.27.2",
-    "vite": "^5.3.3",
-    "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.6.0",
-    "vue-tsc": "^2.0.26",
-    "@roku-ui/preset": "^0.9.1"
+    "unplugin-auto-import": "^0.18.2",
+    "unplugin-vue-components": "^0.27.3",
+    "vite": "^5.3.5",
+    "vite-plugin-dts": "4.0.3",
+    "vitest": "^2.0.5",
+    "vue-tsc": "^2.0.29",
+    "@roku-ui/preset": "^0.11.0"
   },
   "scripts": {
     "dev": "vite",

package/dist/components/Chip.vue.d.ts

@@ -1,63 +0,0 @@
-declare function __VLS_template(): {
-    leftSection?(_: {}): any;
-    default?(_: {}): any;
-    rightSection?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<{
-    modelValue: import('vue').PropType<boolean>;
-    style: {
-        type: globalThis.PropType<any>;
-    };
-    class: {
-        type: globalThis.PropType<any>;
-    };
-    is: {
-        type: globalThis.PropType<string | globalThis.Component>;
-        default: string;
-    };
-    src: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    rounded: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    modelValue: import('vue').PropType<boolean>;
-    style: {
-        type: globalThis.PropType<any>;
-    };
-    class: {
-        type: globalThis.PropType<any>;
-    };
-    is: {
-        type: globalThis.PropType<string | globalThis.Component>;
-        default: string;
-    };
-    src: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    rounded: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-}>>, {
-    is: string | Component;
-    size: "sm" | "md" | "lg" | string | number;
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};