@voicenter-team/voicenter-ui-plus 1.1.21 → 2.0.2

package/library/core/types/theme/themes.json.d.ts

@@ -0,0 +1,185 @@
+declare const _default: {
+  "blue": {
+    "card-shadow-color": "#E0E2E5",
+    "card-bg-color": "#fff",
+    "table-shadow-color": "#EBEBEB",
+    "default-text": "#263148",
+    "primary-text": "#263148",
+    "secondary-text": "#567391",
+    "heading-text": "#263148",
+    "active-elements": "#2675FF",
+    "inactive-elements": "#BEC2C9",
+    "primary": "#2675FF",
+    "primary-alternative": "#2675FF",
+    "secondary": "#BEC2C9",
+    "destructive": "#FF4D4D",
+    "ui-lines": "#EBEBEB",
+    "major-ui-lines": "#E0E2E5",
+    "progress-line-done": "#2675FF",
+    "progress-line-not-done": "#BEC2C9",
+    "icons": "#2675FF",
+    "headers": "#263148",
+    "placeholders": "#9EA6B2",
+    "field-borders": "#EBEBEB",
+    "field-bg": "#FFFFFF",
+    "table-headings": "#2675FF",
+    "inactive-text": "#888F9D",
+    "default-loader": "#FFFFFF",
+    "skeleton-loader": "#EDEDED",
+    "skeleton-loader-animation": "#ffffff59",
+    "transparent": "transparent",
+    "current": "currentColor",
+    "error": "#FF4D4D",
+    "success": "#7ED321",
+    "warning": "#FAB11E",
+    "white": "#FFFFFF",
+    "black": "#000000",
+    "light-bg": "#FFFFFF",
+    "main-bg": "#F5F6FA",
+    "dark-bg": "#E0E2E5",
+    "btn-filled-text": "#FFF",
+    "overlay-bg": "#000",
+    "scrollbar-track": "#f1f1f1",
+    "scrollbar-thumb": "#888",
+    "scrollbar-thumb-hover": "#555",
+    "actions-mix-color": "#000000"
+  },
+  "red": {
+    "card-shadow-color": "#CCCCCC",
+    "card-bg-color": "#fff",
+    "table-shadow-color": "#EBEBEB",
+    "default-text": "#575757",
+    "heading-text": "#575757",
+    "primary-text": "#263148",
+    "secondary-text": "#567391",
+    "active-elements": "#5969E4",
+    "inactive-elements": "#8292A5",
+    "primary-alternative": "#EC444D",
+    "primary": "#fc0303",
+    "secondary": "#8292A5",
+    "destructive": "#EC444D",
+    "ui-lines": "#E0E2E5",
+    "major-ui-lines": "#FFCCCE",
+    "progress-line-done": "#575757",
+    "progress-line-not-done": "#8292A5",
+    "icons": "#0E5263",
+    "headers": "#263148",
+    "placeholders": "#9EA6B2",
+    "field-borders": "#BEC2C9",
+    "field-bg": "#FFFFFF",
+    "table-headings": "#0E5263",
+    "inactive-text": "#888F9D",
+    "default-loader": "#FFFFFF",
+    "skeleton-loader": "#EDEDED",
+    "skeleton-loader-animation": "#ffffff59",
+    "transparent": "transparent",
+    "current": "currentColor",
+    "error": "#EC444D",
+    "success": "#0EB886",
+    "warning": "#ECA944",
+    "white": "#FFFFFF",
+    "black": "#000000",
+    "light-bg": "#FFFFFF",
+    "main-bg": "#F7FAFC",
+    "dark-bg": "#FFCCCE",
+    "btn-filled-text": "#FFF",
+    "overlay-bg": "#000",
+    "scrollbar-track": "#f1f1f1",
+    "scrollbar-thumb": "#888",
+    "scrollbar-thumb-hover": "#555",
+    "actions-mix-color": "#000000"
+  },
+  "redGreen": {
+    "card-shadow-color": "#CCCCCC",
+    "card-bg-color": "#fff",
+    "table-shadow-color": "#EBEBEB",
+    "default-text": "#263148",
+    "heading-text": "#263148",
+    "primary-text": "#263148",
+    "secondary-text": "#567391",
+    "active-elements": "#D34C4C",
+    "inactive-elements": "#8292A5",
+    "primary-alternative": "#19815A",
+    "primary": "#D34C4C",
+    "secondary": "#8292A5",
+    "destructive": "#FF4D4D",
+    "ui-lines": "#E0E2E5",
+    "major-ui-lines": "#FFCCCE",
+    "progress-line-done": "#575757",
+    "progress-line-not-done": "#8292A5",
+    "icons": "#D34C4C",
+    "headers": "#263148",
+    "placeholders": "#9EA6B2",
+    "field-borders": "#BEC2C9",
+    "field-bg": "#FFFFFF",
+    "table-headings": "#D34C4C",
+    "inactive-text": "#888F9D",
+    "default-loader": "#FFFFFF",
+    "skeleton-loader": "#EDEDED",
+    "skeleton-loader-animation": "#ffffff59",
+    "transparent": "transparent",
+    "current": "currentColor",
+    "error": "#EC444D",
+    "success": "#0EB886",
+    "warning": "#ECA944",
+    "white": "#FFFFFF",
+    "black": "#000000",
+    "light-bg": "#FFFFFF",
+    "main-bg": "#F7FAFC",
+    "dark-bg": "#FFCCCE",
+    "btn-filled-text": "#FFF",
+    "overlay-bg": "#000",
+    "scrollbar-track": "#f1f1f1",
+    "scrollbar-thumb": "#888",
+    "scrollbar-thumb-hover": "#555",
+    "actions-mix-color": "#000000"
+  },
+  "black": {
+    "default-text": "#FFF",
+    "heading-text": "#FFF",
+    "primary-text": "#FFF",
+    "secondary-text": "#FFF",
+    "card-shadow-color": "#EBEBEB",
+    "card-bg-color": "#000",
+    "active-elements": "#D34C4C",
+    "inactive-elements": "#8292A5",
+    "primary-alternative": "#0f8ea7",
+    "primary": "#D34C4C",
+    "secondary": "#8292A5",
+    "destructive": "#711132",
+    "ui-lines": "#474747",
+    "major-ui-lines": "#E0E2E5",
+    "progress-line-done": "#575757",
+    "progress-line-not-done": "#363636",
+    "icons": "#07687B",
+    "headers": "#338ea9",
+    "placeholders": "#CCCCCC",
+    "field-borders": "#E0E2E5",
+    "field-bg": "#151515",
+    "table-headings": "#338ea9",
+    "table-shadow-color": "#EBEBEB",
+    "inactive-text": "#CCCCCC",
+    "default-loader": "#FFFFFF",
+    "skeleton-loader": "#3b3d41",
+    "skeleton-loader-animation": "#00000059",
+    "error": "#dc3643",
+    "success": "#13a363",
+    "warning": "#ffb341",
+    "transparent": "transparent",
+    "current": "currentColor",
+    "white": "#FFFFFF",
+    "black": "#000000",
+    "light-bg": "#000",
+    "main-bg": "#202124",
+    "dark-bg": "#131212",
+    "btn-filled-text": "#FFF",
+    "overlay-bg": "#636c78",
+    "scrollbar-track": "#f1f1f1",
+    "scrollbar-thumb": "#888",
+    "scrollbar-thumb-hover": "#555",
+    "actions-mix-color": "#FFF"
+  }
+}
+;
+
+export default _default;

package/library/core/types/tokens/tokens.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey } from 'vue';
+import { RTLState, VcCollapseProvideType, VcTabPaneProvideType, VcTabsProvideType } from '../types';
+export declare const VcCollapseProvideKey: InjectionKey<VcCollapseProvideType>;
+export declare const VcTabsProvideKey: InjectionKey<VcTabsProvideType>;
+export declare const VcTabPaneProvideKey: InjectionKey<VcTabPaneProvideType>;
+export declare const VcRTLToken: InjectionKey<RTLState>;

package/library/{types → core/types}/types/VcDropdown.types.d.ts

@@ -1,6 +1,7 @@
 import { ObjectAnyType } from './basic.types';
 import { COMPONENT_COLOR_TYPE, COMPONENT_SIZE_TYPE } from '../enum/constants';
 import { PopoverPlacementType } from './VcPopover.types';
+export type VcDropdownFn = (...args: any[]) => void;
 export type VcDropdownOption = {
     label?: string;
     labelClass?: string;
@@ -8,7 +9,7 @@ export type VcDropdownOption = {
     icon?: string;
     disabled?: boolean;
     divided?: boolean;
-    value?: string | number | ObjectAnyType;
+    value?: string | number | ObjectAnyType | VcDropdownFn;
     color?: COMPONENT_COLOR_TYPE;
 };
 export type VcDropdownProps = {

package/library/{types → core/types}/types/VcTabs.types.d.ts

@@ -1,6 +1,3 @@
-import { Ref } from 'vue';
-import VcEntityEditableTabs from '../entity/components/Tabs/VcEntityEditableTabs.vue';
-import { ComponentExposed } from 'vue-component-type-helpers';
 import { TIconClass } from './icons.types';
 export declare type VcPaneType = {
     paneName: string;
@@ -27,4 +24,3 @@ export declare type VcTabPaneProvideType = {
     tabName: string;
     openByValidateError: (tabName: string) => void;
 };
-export declare type EditableTabsRef = Ref<ComponentExposed<typeof VcEntityEditableTabs> | null | undefined>;

package/library/{types → core/types}/types/VcTree.types.d.ts

@@ -1,5 +1,5 @@
-import { ConfigOptionType, OptionObjectValueType } from '.';
-import { TIconClass } from './icons.types';
+import type { ConfigOptionType, OptionObjectValueType } from './OptionAndConfig.types';
+import type { TIconClass } from './icons.types';
 export declare type VcTreeNodeType<T extends string = string> = {
     id?: string | number;
     key?: string | number;

package/library/core/types/types/basic.types.d.ts

@@ -0,0 +1,20 @@
+export type ObjectAnyType = {
+    [key: string]: any | undefined;
+};
+export type UnwrapArray<T> = T extends Array<infer R> ? R : never;
+export type TSelectSlots<Selected, Option> = {
+    'prefix-icon'(props: {
+        selected: Selected;
+    }): void;
+    'default'(): void;
+    'load-more-option'(): void;
+    'option'(props: {
+        option: Option;
+    }): void;
+};
+export type IScrollBehavior = 'auto' | 'smooth';
+export interface IScrollIntoViewOptions {
+    behavior?: IScrollBehavior;
+    block?: 'start' | 'center' | 'end' | 'nearest';
+    inline?: 'start' | 'center' | 'end' | 'nearest';
+}

package/library/{types → core/types}/types/index.d.ts

@@ -1,13 +1,11 @@
 export * from './AppendToTarget.types';
 export * from './basic.types';
 export * from './Dropdown.types';
-export * from './Entity.types';
 export * from './Entry.types';
 export * from './ExcelParser.types';
 export * from './generic.types';
 export * from './OptionAndConfig.types';
 export * from './VcDropdown.types';
-export * from './Tabs';
 export * from './VcButton.types';
 export * from './VcCollapse.types';
 export * from './VcDatePicker.types';
@@ -29,20 +27,16 @@ export * from './VcPopover.types';
 export * from './VcProgress.types';
 export * from './VcRadioTabs.types';
 export * from './VcSelect.types';
-export * from './VcSipFlow.types';
 export * from './VcSkeletonLoader.types';
-export * from './VcSoundPlayer.types';
 export * from './VcSplitButton.types';
 export * from './VcSwitch.types';
 export * from './VcTable.types';
 export * from './VcTabs.types';
 export * from './VcTag.types';
 export * from './VcTagInput.types';
-export * from './VcTree.types';
-export * from './VcTour.types';
 export * from './VcRTL.types';
 export * from './VcWizard.types';
 export * from './VueGeneric.types';
-export * from './VcSystemUserPrompt.types';
-export * from './heavy-components.types';
 export * from './icons.types';
+export * from './VcSparkline.types';
+export * from './VcTree.types';

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@voicenter-team/voicenter-ui-plus",
-  "version": "1.1.21",
+  "version": "2.0.02",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "build:core": "vite build",
+    "sync-versions": "node script/sync-versions.js",
+    "build:extended": "node script/sync-versions.js && cross-env BUILD_TARGET=extended vite build && node -e \"require('fs').copyFileSync('extended-package/package.json','library/extended/package.json')\"",
     "analyze": "cross-env ANALYZE=true vite build",
     "build:documentation": "cross-env TARGET=doc vite build",
     "ts-check": "vue-tsc --noEmit -p tsconfig.prod.json",
@@ -22,22 +25,27 @@
     "mcp:generate": "cd mcp-server && npm run generate:all",
     "mcp:dev": "cd mcp-server && npm run dev",
     "mcp:build": "cd mcp-server && npm run build",
-    "mcp:start": "cd mcp-server && npm start"
+    "mcp:start": "cd mcp-server && npm start",
+    "publish:core": "npm publish",
+    "publish:extended": "cd library/extended && npm publish",
+    "release": "yarn build && yarn build:extended && yarn publish:core && yarn publish:extended"
+  },
+  "main": "./library/core/index.mjs",
+  "module": "./library/core/index.mjs",
+  "types": "./library/core/types/entry.d.ts",
+  "exports": {
+    ".": {
+      "types": "./library/core/types/entry.d.ts",
+      "import": "./library/core/index.mjs",
+      "default": "./library/core/index.mjs"
+    },
+    "./style.css": "./library/core/style.css",
+    "./src/core/theme/*": "./src/core/theme/*",
+    "./tailwind.config": "./tailwind.config.js"
   },
-  "main": "./library/super.mjs",
-  "types": "./library/types/entry.d.ts",
   "files": [
-    "library/*",
-    "src/assets/sass/main/_icons.scss",
-    "src/components/VcButton/*.scss",
-    "src/components/VcInput/*.scss",
-    "src/components/VcModal/*.scss",
-    "src/components/VcPopover/*.scss",
-    "src/components/VcSelect/*.scss",
-    "src/enum",
-    "src/utils/makeDataTestAttributeValue.ts",
-    "src/theme",
-    "src/icons",
+    "library/core",
+    "src/core/theme",
     "tailwind.config.js",
     "tailwind.config.d.ts"
   ],
@@ -50,26 +58,25 @@
     "vue": "^3.5.13"
   },
   "dependencies": {
+    "@vueuse/core": "10.7.2",
+    "dayjs": "^1.11.19",
+    "element-plus": "2.11.3",
+    "libphonenumber-js": "^1.10.13",
+    "lodash": "^4.17.21",
+    "maska": "^1.5.0"
+  },
+  "devDependencies": {
     "@milkdown/crepe": "7.15.5",
     "@milkdown/kit": "7.15.5",
     "@milkdown/vue": "7.15.5",
     "@prosemirror-adapter/vue": "^0.4.1",
+    "@codemirror/lang-json": "^6.0.1",
     "@vue/test-utils": "^2.4.6",
     "codemirror": "^6.0.1",
-    "dayjs": "^1.11.19",
-    "element-plus": "2.11.3",
-    "jsonpath-plus": "^7.0.0",
-    "libphonenumber-js": "^1.10.13",
-    "lodash": "^4.17.21",
-    "maska": "^1.5.0",
-    "vue": "^3.5.13",
     "vue-advanced-cropper": "^2.8.3",
     "vue-codemirror6": "^1.3.12",
     "wavesurfer.js": "^7.7.15",
-    "xlsx": "0.18.5"
-  },
-  "devDependencies": {
-    "@codemirror/lang-json": "^6.0.1",
+    "xlsx": "0.18.5",
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@highlightjs/vue-plugin": "^2.1.0",
     "@types/lodash": "^4.14.183",

package/src/{theme → core/theme}/themes.json

@@ -4,6 +4,8 @@
     "card-bg-color": "#fff",
     "table-shadow-color": "#EBEBEB",
     "default-text": "#263148",
+    "primary-text": "#263148",
+    "secondary-text": "#567391",
     "heading-text": "#263148",
     "active-elements": "#2675FF",
     "inactive-elements": "#BEC2C9",
@@ -48,6 +50,8 @@
     "table-shadow-color": "#EBEBEB",
     "default-text": "#575757",
     "heading-text": "#575757",
+    "primary-text": "#263148",
+    "secondary-text": "#567391",
     "active-elements": "#5969E4",
     "inactive-elements": "#8292A5",
     "primary-alternative": "#EC444D",
@@ -91,6 +95,8 @@
     "table-shadow-color": "#EBEBEB",
     "default-text": "#263148",
     "heading-text": "#263148",
+    "primary-text": "#263148",
+    "secondary-text": "#567391",
     "active-elements": "#D34C4C",
     "inactive-elements": "#8292A5",
     "primary-alternative": "#19815A",
@@ -131,6 +137,8 @@
   "black": {
     "default-text": "#FFF",
     "heading-text": "#FFF",
+    "primary-text": "#FFF",
+    "secondary-text": "#FFF",
     "card-shadow-color": "#EBEBEB",
     "card-bg-color": "#000",
     "active-elements": "#D34C4C",

package/tailwind.config.js

@@ -1,4 +1,4 @@
-const schemeColors = require('./src/theme/tailwindScheme.js')
+const schemeColors = require('./src/core/theme/tailwindScheme.js')
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {