@bcc-code/component-library-vue 0.0.0-dev.f28f614 → 0.0.0-dev.f3a4c7a

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 (15) hide show
  1. package/dist/component-library.js +7552 -7358
  2. package/dist/component-library.umd.cjs +538 -538
  3. package/dist/index.css +1 -1
  4. package/dist/theme.css +322 -263
  5. package/dist-types/components/custom/BccCircleLoader/BccCircleLoader.vue.d.ts +9 -1
  6. package/dist-types/components/custom/BccReact/BccReact.vue.d.ts +2 -1
  7. package/dist-types/components/custom/BccStepIndicator/BccStepIndicator.vue.d.ts +3 -3
  8. package/dist-types/components/custom/BccTag/BccTag.vue.d.ts +1 -0
  9. package/dist-types/components/custom/BccTopNavigation/BccTopNavigation.vue.d.ts +14 -4
  10. package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts +15 -1
  11. package/dist-types/components/wrapped/BccRadioButton.vue.d.ts +20 -0
  12. package/dist-types/components/wrapped/BccSelectButton.vue.d.ts +20 -0
  13. package/dist-types/components/wrapped/index.d.ts +4 -0
  14. package/dist-types/index.d.ts +0 -2
  15. package/package.json +105 -103
package/dist-types/components/custom/BccCircleLoader/BccCircleLoader.vue.d.ts CHANGED
@@ -1,3 +1,11 @@
1
- declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1
+ type __VLS_Props = {
2
+ icon?: string;
3
+ size?: 'sm' | 'md' | 'base' | 'lg' | 'xl' | '2xl' | '3xl';
4
+ left?: boolean;
5
+ right?: boolean;
6
+ };
7
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
8
+ size: "sm" | "md" | "base" | "lg" | "xl" | "2xl" | "3xl";
9
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
2
10
  declare const _default: typeof __VLS_export;
3
11
  export default _default;
package/dist-types/components/custom/BccReact/BccReact.vue.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ReactProps } from './types';
1
+ import type { ReactInfo, ReactProps } from './types';
2
2
  declare const __VLS_export: import("vue").DefineComponent<ReactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
3
3
  toggle: (id: string) => any;
4
4
  }, string, import("vue").PublicProps, Readonly<ReactProps> & Readonly<{
@@ -6,6 +6,7 @@ declare const __VLS_export: import("vue").DefineComponent<ReactProps, {}, {}, {}
6
6
  }>, {
7
7
  placeholder: string;
8
8
  top: boolean;
9
+ emojis: ReactInfo[];
9
10
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
10
11
  declare const _default: typeof __VLS_export;
11
12
  export default _default;
package/dist-types/components/custom/BccStepIndicator/BccStepIndicator.vue.d.ts CHANGED
@@ -11,13 +11,13 @@ export type StepIndicatorProps = {
11
11
  };
12
12
  type __VLS_Props = StepIndicatorProps;
13
13
  type __VLS_ModelProps = {
14
- modelValue?: number;
14
+ modelValue?: number | null;
15
15
  };
16
16
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
17
17
  declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
18
- "update:modelValue": (value: number) => any;
18
+ "update:modelValue": (value: number | null) => any;
19
19
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
20
- "onUpdate:modelValue"?: ((value: number) => any) | undefined;
20
+ "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
21
21
  }>, {
22
22
  context: BCC_CONTEXT;
23
23
  hideText: boolean;
package/dist-types/components/custom/BccTag/BccTag.vue.d.ts CHANGED
@@ -11,6 +11,7 @@ export type TagProps = Omit<BadgeProps, 'value' | 'squared'> & {
11
11
  clickable?: boolean;
12
12
  /** Label text for the tag when not using the default slot. */
13
13
  text?: string;
14
+ truncate?: boolean;
14
15
  };
15
16
  declare var __VLS_13: {};
16
17
  type __VLS_Slots = {} & {
package/dist-types/components/custom/BccTopNavigation/BccTopNavigation.vue.d.ts CHANGED
@@ -12,7 +12,7 @@ type __VLS_Props = TopNavigationProps & {
12
12
  fixed?: boolean;
13
13
  padded?: boolean;
14
14
  transparent?: boolean;
15
- glass?: boolean;
15
+ white?: boolean;
16
16
  backTitle?: string;
17
17
  force?: boolean;
18
18
  titleLeft?: boolean;
@@ -22,13 +22,23 @@ declare var __VLS_1: {
22
22
  title: string;
23
23
  subtitle: string;
24
24
  };
25
- }, __VLS_13: {}, __VLS_20: {};
25
+ }, __VLS_8: {}, __VLS_15: {
26
+ title: string;
27
+ }, __VLS_17: {
28
+ subtitle: string;
29
+ }, __VLS_19: {}, __VLS_26: {};
26
30
  type __VLS_Slots = {} & {
27
31
  default?: (props: typeof __VLS_1) => any;
28
32
  } & {
29
- right?: (props: typeof __VLS_13) => any;
33
+ left?: (props: typeof __VLS_8) => any;
30
34
  } & {
31
- bottom?: (props: typeof __VLS_20) => any;
35
+ title?: (props: typeof __VLS_15) => any;
36
+ } & {
37
+ subtitle?: (props: typeof __VLS_17) => any;
38
+ } & {
39
+ right?: (props: typeof __VLS_19) => any;
40
+ } & {
41
+ bottom?: (props: typeof __VLS_26) => any;
32
42
  };
33
43
  declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
34
44
  back: () => any;
package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts CHANGED
@@ -9,6 +9,20 @@ export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
9
9
  export type MenuProps = {
10
10
  model?: BccMenuItem[];
11
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>;
12
+ declare var __VLS_16: {
13
+ item: MenuItem;
14
+ label: string | ((...args: any) => string) | undefined;
15
+ props: import("primevue").MenuRouterBindProps;
16
+ };
17
+ type __VLS_Slots = {} & {
18
+ item?: (props: typeof __VLS_16) => any;
19
+ };
20
+ declare const __VLS_base: import("vue").DefineComponent<MenuProps, PrimeMenuMethods, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
21
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
13
22
  declare const _default: typeof __VLS_export;
14
23
  export default _default;
24
+ type __VLS_WithSlots<T, S> = T & {
25
+ new (): {
26
+ $slots: S;
27
+ };
28
+ };
package/dist-types/components/wrapped/BccRadioButton.vue.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import { type RadioButtonProps as PrimeRadioButtonProps } from 'primevue/radiobutton';
2
+ export type RadioButtonProps = PrimeRadioButtonProps & {
3
+ label?: string;
4
+ labelLeft?: boolean;
5
+ justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
6
+ labelClass?: string;
7
+ };
8
+ declare var __VLS_6: {};
9
+ type __VLS_Slots = {} & {
10
+ default?: (props: typeof __VLS_6) => any;
11
+ };
12
+ declare const __VLS_base: import("vue").DefineComponent<RadioButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
13
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
14
+ declare const _default: typeof __VLS_export;
15
+ export default _default;
16
+ type __VLS_WithSlots<T, S> = T & {
17
+ new (): {
18
+ $slots: S;
19
+ };
20
+ };
package/dist-types/components/wrapped/BccSelectButton.vue.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import type { VueComponent } from '@/types';
2
+ import { type SelectButtonProps as PrimeSelectButtonProps } from 'primevue/selectbutton';
3
+ export type SelectButtonProps = PrimeSelectButtonProps & {
4
+ optionIcon?: string | ((option: unknown) => VueComponent | null);
5
+ };
6
+ declare var __VLS_9: {
7
+ option: any;
8
+ };
9
+ type __VLS_Slots = {} & {
10
+ option?: (props: typeof __VLS_9) => any;
11
+ };
12
+ declare const __VLS_base: import("vue").DefineComponent<SelectButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
13
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
14
+ declare const _default: typeof __VLS_export;
15
+ export default _default;
16
+ type __VLS_WithSlots<T, S> = T & {
17
+ new (): {
18
+ $slots: S;
19
+ };
20
+ };
package/dist-types/components/wrapped/index.d.ts CHANGED
@@ -11,6 +11,8 @@ export { default as BccImage } from './BccImage.vue';
11
11
  export { default as BccInput } from './BccInput.vue';
12
12
  export { default as BccMenu } from './BccMenu/BccMenu.vue';
13
13
  export { default as BccMessage } from './BccMessage.vue';
14
+ export { default as BccRadioButton } from './BccRadioButton.vue';
15
+ export { default as BccSelectButton } from './BccSelectButton.vue';
14
16
  export { default as BccTabs } from './BccTabs/BccTabs.vue';
15
17
  export { default as BccToggle } from './BccToggle/BccToggle.vue';
16
18
  export { default as BccToggleButton } from './BccToggleButton.vue';
@@ -22,6 +24,8 @@ export type { ImageProps } from './BccImage.vue';
22
24
  export type { InputProps } from './BccInput.vue';
23
25
  export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
24
26
  export type { MessageProps } from './BccMessage.vue';
27
+ export type { RadioButtonProps } from './BccRadioButton.vue';
28
+ export type { SelectButtonProps } from './BccSelectButton.vue';
25
29
  export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
26
30
  export type { ToggleProps } from './BccToggle/BccToggle.vue';
27
31
  export type { ToggleButtonProps } from './BccToggleButton.vue';
package/dist-types/index.d.ts CHANGED
@@ -94,7 +94,6 @@ export { default as BccPopover } from 'primevue/popover';
94
94
  export { default as BccPortal } from 'primevue/portal';
95
95
  export { default as BccProgressBar } from 'primevue/progressbar';
96
96
  export { default as BccProgressSpinner } from 'primevue/progressspinner';
97
- export { default as BccRadioButton } from 'primevue/radiobutton';
98
97
  export { default as BccRadioButtonGroup } from 'primevue/radiobuttongroup';
99
98
  export { default as BccRating } from 'primevue/rating';
100
99
  export { default as BccRipple } from 'primevue/ripple';
@@ -102,7 +101,6 @@ export { default as BccRow } from 'primevue/row';
102
101
  export { default as BccScrollPanel } from 'primevue/scrollpanel';
103
102
  export { default as BccScrollTop } from 'primevue/scrolltop';
104
103
  export { default as BccSelect } from 'primevue/select';
105
- export { default as BccSelectButton } from 'primevue/selectbutton';
106
104
  export { default as BccSkeleton } from 'primevue/skeleton';
107
105
  export { default as BccSlider } from 'primevue/slider';
108
106
  export { default as BccSpeedDial } from 'primevue/speeddial';
package/package.json CHANGED
@@ -1,105 +1,107 @@
1
1
  {
2
- "name": "@bcc-code/component-library-vue",
3
- "version": "0.0.0-dev.f28f614",
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.49",
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
- }
2
+ "name": "@bcc-code/component-library-vue",
3
+ "version": "0.0.0-dev.f3a4c7a",
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
+ "test:e2e": "playwright test",
53
+ "release-channel": "node ./scripts/release-channel.cjs",
54
+ "create-version": "node ./scripts/version.cjs"
55
+ },
56
+ "dependencies": {
57
+ "@bcc-code/design-tokens": "^5.1.80",
58
+ "@bcc-code/icons-vue": "^1.4.0",
59
+ "@primeuix/themes": "^2.0.3",
60
+ "@tailwindcss/vite": "^4.1.18",
61
+ "primevue": "^4.5.4",
62
+ "tailwindcss": "^4.0.0"
63
+ },
64
+ "peerDependencies": {
65
+ "vue": "^3.5.0"
66
+ },
67
+ "devDependencies": {
68
+ "@eslint/js": "^9.39.2",
69
+ "@playwright/test": "^1.59.1",
70
+ "@primevue/auto-import-resolver": "^4.5.4",
71
+ "@storybook/addon-docs": "^10.3.5",
72
+ "@storybook/vue3-vite": "^10.3.5",
73
+ "@types/node": "^22.0.0",
74
+ "@vitejs/plugin-vue": "^6.0.0",
75
+ "@vue/eslint-config-prettier": "^10.2.0",
76
+ "@vue/test-utils": "^2.4.6",
77
+ "@vue/tsconfig": "^0.7.0",
78
+ "autoprefixer": "^10.4.20",
79
+ "eslint": "^9.39.2",
80
+ "eslint-plugin-prettier": "^5.5.5",
81
+ "eslint-plugin-vue": "^10.7.0",
82
+ "globals": "^17.3.0",
83
+ "http-server": "^14.1.1",
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.3.5",
92
+ "tippy.js": "^6.3.7",
93
+ "typescript": "~5.7.0",
94
+ "typescript-eslint": "^8.54.0",
95
+ "unplugin-vue-components": "^31.0.0",
96
+ "vite": "^7.3.0",
97
+ "vitest": "^4.0.18",
98
+ "vue": "^3.5.0",
99
+ "vue-tsc": "^3.2.4",
100
+ "eslint-plugin-storybook": "10.3.5"
101
+ },
102
+ "pnpm": {
103
+ "patchedDependencies": {
104
+ "@primevue/icons": "patches/@primevue__icons.patch"
105
+ }
106
+ }
105
107
  }