@bcc-code/component-library-vue 0.0.0-dev.926a8fe → 0.0.0-dev.98d7ed7

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 (21) hide show
  1. package/dist/component-library.js +36068 -35404
  2. package/dist/component-library.umd.cjs +879 -683
  3. package/dist/index.css +1 -1
  4. package/dist/theme.css +218 -115
  5. package/dist-types/components/custom/BccAppNavigation/BccAppNavigation.vue.d.ts +32 -0
  6. package/dist-types/components/custom/BccBadge/BccBadge.vue.d.ts +2 -0
  7. package/dist-types/components/custom/BccDialKnob/BccDialKnob.vue.d.ts +1 -1
  8. package/dist-types/components/custom/BccNpsResult/BccNpsResult.vue.d.ts +2 -2
  9. package/dist-types/components/custom/BccReact/BccReact.vue.d.ts +1 -1
  10. package/dist-types/components/custom/BccStepIndicator/BccStepIndicator.vue.d.ts +5 -5
  11. package/dist-types/components/custom/BccTopNavigation/BccTopNavigation.vue.d.ts +47 -0
  12. package/dist-types/components/custom/index.d.ts +4 -0
  13. package/dist-types/components/wrapped/BccAvatar/BccAvatar.vue.d.ts +2 -2
  14. package/dist-types/components/wrapped/BccButton.vue.d.ts +1 -0
  15. package/dist-types/components/wrapped/BccImage.vue.d.ts +17 -0
  16. package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts +14 -0
  17. package/dist-types/components/wrapped/BccTabs/BccTabs.vue.d.ts +2 -0
  18. package/dist-types/components/wrapped/BccToggle/BccToggle.vue.d.ts +12 -1
  19. package/dist-types/components/wrapped/index.d.ts +7 -0
  20. package/dist-types/index.d.ts +14 -5
  21. package/package.json +103 -100
package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import type { VueComponent } from '@/types';
2
+ import { type MenuMethods as PrimeMenuMethods, type MenuProps as PrimeMenuProps } from 'primevue/menu';
3
+ import type { MenuItem } from 'primevue/menuitem';
4
+ /** Menu item model for BccMenu: icon can be a PrimeVue icon class string or a Vue icon component. */
5
+ export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
6
+ icon?: VueComponent;
7
+ items?: BccMenuItem[];
8
+ };
9
+ export type MenuProps = {
10
+ model?: BccMenuItem[];
11
+ } & Omit<PrimeMenuProps, 'model'>;
12
+ declare const __VLS_export: import("vue").DefineComponent<MenuProps, PrimeMenuMethods, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
13
+ declare const _default: typeof __VLS_export;
14
+ export default _default;
package/dist-types/components/wrapped/BccTabs/BccTabs.vue.d.ts CHANGED
@@ -13,6 +13,8 @@ export type TabsProps = Omit<PrimeTabsProps, 'value'> & {
13
13
  fill?: boolean;
14
14
  modelValue?: number;
15
15
  noPanels?: boolean;
16
+ fluid?: boolean;
17
+ bold?: boolean;
16
18
  };
17
19
  type __VLS_Props = TabsProps;
18
20
  type __VLS_ModelProps = {
package/dist-types/components/wrapped/BccToggle/BccToggle.vue.d.ts CHANGED
@@ -14,6 +14,17 @@ export type ToggleProps = ToggleSwitchProps & {
14
14
  /** When true, applies context-aware styling (e.g. from design tokens/theme). */
15
15
  useCtx?: boolean;
16
16
  };
17
- declare const __VLS_export: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
+ type __VLS_Props = ToggleProps;
18
+ type __VLS_ModelProps = {
19
+ modelValue: boolean;
20
+ };
21
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
22
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
23
+ "update:modelValue": (value: boolean) => any;
24
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
25
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
26
+ }>, {
27
+ defaultValue: string | boolean;
28
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
29
  declare const _default: typeof __VLS_export;
19
30
  export default _default;
package/dist-types/components/wrapped/index.d.ts CHANGED
@@ -5,7 +5,11 @@
5
5
  export { default as BccAvatar } from './BccAvatar/BccAvatar.vue';
6
6
  export { default as BccButton } from './BccButton.vue';
7
7
  export { default as BccCheckbox } from './BccCheckbox.vue';
8
+ export { default as BccChip } from './BccChip/BccChip.vue';
9
+ export { default as BccConfirmDialog } from './BccConfirmDialog/BccConfirmDialog.vue';
10
+ export { default as BccImage } from './BccImage.vue';
8
11
  export { default as BccInput } from './BccInput.vue';
12
+ export { default as BccMenu } from './BccMenu/BccMenu.vue';
9
13
  export { default as BccMessage } from './BccMessage.vue';
10
14
  export { default as BccTabs } from './BccTabs/BccTabs.vue';
11
15
  export { default as BccToggle } from './BccToggle/BccToggle.vue';
@@ -13,7 +17,10 @@ export { default as BccToggleButton } from './BccToggleButton.vue';
13
17
  export type { AvatarProps } from './BccAvatar/BccAvatar.vue';
14
18
  export type { ButtonProps } from './BccButton.vue';
15
19
  export type { CheckboxProps } from './BccCheckbox.vue';
20
+ export type { ChipProps } from './BccChip/BccChip.vue';
21
+ export type { ImageProps } from './BccImage.vue';
16
22
  export type { InputProps } from './BccInput.vue';
23
+ export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
17
24
  export type { MessageProps } from './BccMessage.vue';
18
25
  export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
19
26
  export type { ToggleProps } from './BccToggle/BccToggle.vue';
package/dist-types/index.d.ts CHANGED
@@ -16,6 +16,7 @@
16
16
  * 2. Alternative: Pre-built CSS only (no Tailwind in your app; library styles + components only):
17
17
  * - main.ts: import "@bcc-code/component-library-vue/style.css";
18
18
  */
19
+ import type { ConfirmationOptions } from 'primevue/confirmationoptions';
19
20
  import './style.css';
20
21
  export { default as BccPreset } from '@bcc-code/design-tokens/primevue';
21
22
  export { BCC_CONTEXTS, type BCC_CONTEXT } from './contexts';
@@ -45,7 +46,6 @@ export { default as BccColorPicker } from 'primevue/colorpicker';
45
46
  export { default as BccColumn } from 'primevue/column';
46
47
  export { default as BccColumnGroup } from 'primevue/columngroup';
47
48
  export { default as BccConfig } from 'primevue/config';
48
- export { default as BccConfirmDialog } from 'primevue/confirmdialog';
49
49
  export { default as BccConfirmPopup } from 'primevue/confirmpopup';
50
50
  export { default as BccContextMenu } from 'primevue/contextmenu';
51
51
  export { default as BccDataTable } from 'primevue/datatable';
@@ -65,7 +65,6 @@ export { default as BccFocusTrap } from 'primevue/focustrap';
65
65
  export { default as BccGalleria } from 'primevue/galleria';
66
66
  export { default as BccIconField } from 'primevue/iconfield';
67
67
  export { default as BccIftaLabel } from 'primevue/iftalabel';
68
- export { default as BccImage } from 'primevue/image';
69
68
  export { default as BccImageCompare } from 'primevue/imagecompare';
70
69
  export { default as BccInplace } from 'primevue/inplace';
71
70
  export { default as BccInputChips } from 'primevue/inputchips';
@@ -80,7 +79,6 @@ export { default as BccKeyFilter } from 'primevue/keyfilter';
80
79
  export { default as BccKnob } from 'primevue/knob';
81
80
  export { default as BccListbox } from 'primevue/listbox';
82
81
  export { default as BccMegaMenu } from 'primevue/megamenu';
83
- export { default as BccMenu } from 'primevue/menu';
84
82
  export { default as BccMenubar } from 'primevue/menubar';
85
83
  export { default as BccMeterGroup } from 'primevue/metergroup';
86
84
  export { default as BccMultiSelect } from 'primevue/multiselect';
@@ -116,6 +114,7 @@ export { default as BccStepItem } from 'primevue/stepitem';
116
114
  export { default as BccStepList } from 'primevue/steplist';
117
115
  export { default as BccStepPanel } from 'primevue/steppanel';
118
116
  export { default as BccStepPanels } from 'primevue/steppanels';
117
+ export { default as BccStepper } from 'primevue/stepper';
119
118
  export { default as BccSteps } from 'primevue/steps';
120
119
  export { default as BccStyleClass } from 'primevue/styleclass';
121
120
  export { default as BccTab } from 'primevue/tab';
@@ -137,8 +136,18 @@ export { default as BccTooltip } from 'primevue/tooltip';
137
136
  export { default as BccTree } from 'primevue/tree';
138
137
  export { default as BccTreeSelect } from 'primevue/treeselect';
139
138
  export { default as BccTreeTable } from 'primevue/treetable';
140
- export { default as BccVirtualScroller } from 'primevue/virtualscroller';
141
- export { useConfirm } from 'primevue/useconfirm';
142
139
  export { useDialog } from 'primevue/usedialog';
143
140
  export { useToast } from 'primevue/usetoast';
141
+ export { default as BccVirtualScroller } from 'primevue/virtualscroller';
144
142
  export { default as useAnimatedNumber } from './composables/animatedNumber';
143
+ import type { VueComponent } from './types';
144
+ interface UseConfirmOptions extends Omit<ConfirmationOptions, 'icon' | 'acceptIcon' | 'rejectIcon'> {
145
+ icon?: VueComponent | undefined;
146
+ acceptIcon?: VueComponent | undefined;
147
+ rejectIcon?: VueComponent | undefined;
148
+ }
149
+ type UseConfirmReturn = {
150
+ require: (option: UseConfirmOptions) => void;
151
+ close: () => void;
152
+ };
153
+ export declare function useConfirm(): UseConfirmReturn;
package/package.json CHANGED
@@ -1,102 +1,105 @@
1
1
  {
2
- "name": "@bcc-code/component-library-vue",
3
- "version": "0.0.0-dev.926a8fe",
4
- "type": "module",
5
- "description": "Extended Vue component library based on PrimeVue and BCC design tokens",
6
- "repository": "https://github.com/bcc-code/bcc-design.git",
7
- "license": "Apache-2.0",
8
- "publishConfig": {
9
- "access": "public"
10
- },
11
- "packageManager": "pnpm@9.15.0",
12
- "files": [
13
- "dist",
14
- "dist-types",
15
- "dist-css"
16
- ],
17
- "main": "./dist/component-library.umd.cjs",
18
- "module": "./dist/component-library.js",
19
- "types": "./dist-types/index.d.ts",
20
- "exports": {
21
- ".": {
22
- "import": {
23
- "types": "./dist-types/index.d.ts",
24
- "default": "./dist/component-library.js"
25
- },
26
- "require": {
27
- "types": "./dist-types/index.d.ts",
28
- "default": "./dist/component-library.umd.cjs"
29
- }
30
- },
31
- "./style.css": "./dist/index.css",
32
- "./theme.css": "./dist/theme.css",
33
- "./archivo-font.css": "./dist/archivo-font.css",
34
- "./tailwind.css": "./dist-css/tailwind.css"
35
- },
36
- "scripts": {
37
- "start": "storybook dev -p 6006",
38
- "build-storybook": "storybook build",
39
- "build": "run-p typecheck build:types build:vite",
40
- "build:vite": "rimraf dist && vite build && node scripts/build-theme-css.mjs",
41
- "build:types": "rimraf dist-types && vue-tsc -p tsconfig.build.json",
42
- "generate:semantic": "node scripts/restructure-semantic-primitives.mjs",
43
- "generate:semantic-css": "node scripts/generate-semantic-css.mjs",
44
- "generate:context-modes": "node scripts/generate-context-modes.mjs",
45
- "generate:context-css": "node scripts/generate-context-css.mjs",
46
- "generate": "pnpm run generate:semantic && pnpm run generate:semantic-css && pnpm run generate:context-modes && pnpm run generate:context-css",
47
- "sync:primevue-icon-patches": "node scripts/sync-primevue-icon-patches.mjs",
48
- "typecheck": "vue-tsc --noEmit",
49
- "lint": "eslint src/**/*.ts src/**/*.vue",
50
- "lint:fix": "eslint --fix src/**/*.ts src/**/*.vue",
51
- "test:unit": "vitest run",
52
- "release-channel": "node ./scripts/release-channel.cjs",
53
- "create-version": "node ./scripts/version.cjs"
54
- },
55
- "dependencies": {
56
- "@bcc-code/design-tokens": "^5.1.2",
57
- "@bcc-code/icons-vue": "^1.4.0",
58
- "@primeuix/themes": "^2.0.3",
59
- "@tailwindcss/vite": "^4.1.18",
60
- "primevue": "^4.5.4",
61
- "tailwindcss": "^4.0.0"
62
- },
63
- "peerDependencies": {
64
- "vue": "^3.5.0"
65
- },
66
- "devDependencies": {
67
- "@eslint/js": "^9.39.2",
68
- "@primevue/auto-import-resolver": "^4.5.4",
69
- "@storybook/addon-docs": "^10.2.8",
70
- "@storybook/vue3": "^10.0.0",
71
- "@storybook/vue3-vite": "^10.0.0",
72
- "@types/node": "^22.0.0",
73
- "@vitejs/plugin-vue": "^6.0.0",
74
- "@vue/eslint-config-prettier": "^10.2.0",
75
- "@vue/test-utils": "^2.4.6",
76
- "@vue/tsconfig": "^0.7.0",
77
- "autoprefixer": "^10.4.20",
78
- "eslint": "^9.39.2",
79
- "eslint-plugin-prettier": "^5.5.5",
80
- "eslint-plugin-vue": "^10.7.0",
81
- "globals": "^17.3.0",
82
- "jiti": "^2.6.1",
83
- "npm-run-all": "^4.1.5",
84
- "postcss": "^8.4.49",
85
- "prettier": "^3.8.1",
86
- "prettier-plugin-tailwindcss": "^0.7.2",
87
- "rimraf": "^6.0.0",
88
- "storybook": "^10.0.0",
89
- "typescript": "~5.7.0",
90
- "typescript-eslint": "^8.54.0",
91
- "unplugin-vue-components": "^31.0.0",
92
- "vite": "^7.3.0",
93
- "vitest": "^4.0.18",
94
- "vue": "^3.5.0",
95
- "vue-tsc": "^3.2.4"
96
- },
97
- "pnpm": {
98
- "patchedDependencies": {
99
- "@primevue/icons": "patches/@primevue__icons.patch"
100
- }
101
- }
2
+ "name": "@bcc-code/component-library-vue",
3
+ "version": "0.0.0-dev.98d7ed7",
4
+ "type": "module",
5
+ "description": "Extended Vue component library based on PrimeVue and BCC design tokens",
6
+ "repository": "https://github.com/bcc-code/bcc-design.git",
7
+ "license": "Apache-2.0",
8
+ "publishConfig": {
9
+ "access": "public"
10
+ },
11
+ "packageManager": "pnpm@9.15.0",
12
+ "files": [
13
+ "dist",
14
+ "dist-types",
15
+ "dist-css"
16
+ ],
17
+ "main": "./dist/component-library.umd.cjs",
18
+ "module": "./dist/component-library.js",
19
+ "types": "./dist-types/index.d.ts",
20
+ "exports": {
21
+ ".": {
22
+ "import": {
23
+ "types": "./dist-types/index.d.ts",
24
+ "default": "./dist/component-library.js"
25
+ },
26
+ "require": {
27
+ "types": "./dist-types/index.d.ts",
28
+ "default": "./dist/component-library.umd.cjs"
29
+ }
30
+ },
31
+ "./style.css": "./dist/index.css",
32
+ "./theme.css": "./dist/theme.css",
33
+ "./archivo-font.css": "./dist/archivo-font.css",
34
+ "./tailwind.css": "./dist-css/tailwind.css"
35
+ },
36
+ "scripts": {
37
+ "start": "storybook dev -p 6006",
38
+ "build-storybook": "storybook build",
39
+ "build": "run-p typecheck build:types build:vite",
40
+ "build:vite": "rimraf dist && vite build && node scripts/build-theme-css.mjs",
41
+ "build:types": "rimraf dist-types && vue-tsc -p tsconfig.build.json",
42
+ "generate:semantic": "node scripts/restructure-semantic-primitives.mjs",
43
+ "generate:semantic-css": "node scripts/generate-semantic-css.mjs",
44
+ "generate:context-modes": "node scripts/generate-context-modes.mjs",
45
+ "generate:context-css": "node scripts/generate-context-css.mjs",
46
+ "generate": "pnpm run generate:semantic && pnpm run generate:semantic-css && pnpm run generate:context-modes && pnpm run generate:context-css",
47
+ "sync:primevue-icon-patches": "node scripts/sync-primevue-icon-patches.mjs",
48
+ "typecheck": "vue-tsc --noEmit",
49
+ "lint": "eslint src/**/*.ts src/**/*.vue",
50
+ "lint:fix": "eslint --fix src/**/*.ts src/**/*.vue",
51
+ "test:unit": "vitest run",
52
+ "release-channel": "node ./scripts/release-channel.cjs",
53
+ "create-version": "node ./scripts/version.cjs"
54
+ },
55
+ "dependencies": {
56
+ "@bcc-code/design-tokens": "^5.1.45",
57
+ "@bcc-code/icons-vue": "^1.4.0",
58
+ "@primeuix/themes": "^2.0.3",
59
+ "@tailwindcss/vite": "^4.1.18",
60
+ "primevue": "^4.5.4",
61
+ "tailwindcss": "^4.0.0"
62
+ },
63
+ "peerDependencies": {
64
+ "vue": "^3.5.0"
65
+ },
66
+ "devDependencies": {
67
+ "@eslint/js": "^9.39.2",
68
+ "@primevue/auto-import-resolver": "^4.5.4",
69
+ "@storybook/addon-docs": "^10.2.8",
70
+ "@storybook/manager-api": "^8.6.14",
71
+ "@storybook/theming": "^8.6.14",
72
+ "@storybook/vue3": "^10.0.0",
73
+ "@storybook/vue3-vite": "^10.0.0",
74
+ "@types/node": "^22.0.0",
75
+ "@vitejs/plugin-vue": "^6.0.0",
76
+ "@vue/eslint-config-prettier": "^10.2.0",
77
+ "@vue/test-utils": "^2.4.6",
78
+ "@vue/tsconfig": "^0.7.0",
79
+ "autoprefixer": "^10.4.20",
80
+ "eslint": "^9.39.2",
81
+ "eslint-plugin-prettier": "^5.5.5",
82
+ "eslint-plugin-vue": "^10.7.0",
83
+ "globals": "^17.3.0",
84
+ "jiti": "^2.6.1",
85
+ "npm-run-all": "^4.1.5",
86
+ "postcss": "^8.4.49",
87
+ "prettier": "^3.8.1",
88
+ "prettier-plugin-tailwindcss": "^0.7.2",
89
+ "remark-gfm": "^4.0.0",
90
+ "rimraf": "^6.0.0",
91
+ "storybook": "^10.0.0",
92
+ "typescript": "~5.7.0",
93
+ "typescript-eslint": "^8.54.0",
94
+ "unplugin-vue-components": "^31.0.0",
95
+ "vite": "^7.3.0",
96
+ "vitest": "^4.0.18",
97
+ "vue": "^3.5.0",
98
+ "vue-tsc": "^3.2.4"
99
+ },
100
+ "pnpm": {
101
+ "patchedDependencies": {
102
+ "@primevue/icons": "patches/@primevue__icons.patch"
103
+ }
104
+ }
102
105
  }