@bcc-code/component-library-vue 0.0.0-dev.f6d4662 → 0.0.0-dev.fb238cc

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 (16) hide show
  1. package/dist/component-library.js +7946 -7817
  2. package/dist/component-library.umd.cjs +341 -341
  3. package/dist/index.css +1 -1
  4. package/dist/theme.css +916 -839
  5. package/dist-types/components/custom/BccCircleLoader/BccCircleLoader.vue.d.ts +9 -1
  6. package/dist-types/components/custom/BccGraphic/BccGraphic.vue.d.ts +7 -4
  7. package/dist-types/components/custom/BccReact/BccReact.vue.d.ts +2 -1
  8. package/dist-types/components/custom/BccStepIndicator/BccStepIndicator.vue.d.ts +3 -3
  9. package/dist-types/components/custom/BccTag/BccTag.vue.d.ts +1 -0
  10. package/dist-types/components/custom/BccTopNavigation/BccTopNavigation.vue.d.ts +14 -4
  11. package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts +15 -1
  12. package/dist-types/components/wrapped/BccRadioButton.vue.d.ts +2 -0
  13. package/dist-types/components/wrapped/BccSelectButton.vue.d.ts +20 -0
  14. package/dist-types/components/wrapped/index.d.ts +2 -0
  15. package/dist-types/index.d.ts +0 -1
  16. 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/BccGraphic/BccGraphic.vue.d.ts CHANGED
@@ -9,6 +9,8 @@ export type GraphicProps = {
9
9
  ratio?: AspectRatioStyle;
10
10
  /** When true, renders the banner image in grayscale. */
11
11
  grayscale?: boolean;
12
+ /** When true, renders the banner image with a brightness of 150%. */
13
+ highlight?: boolean;
12
14
  };
13
15
  export declare const ratioClasses: {
14
16
  ultraWide: string;
@@ -22,6 +24,7 @@ export declare const roundingClasses: {
22
24
  sm: string;
23
25
  base: string;
24
26
  md: string;
27
+ lg: string;
25
28
  xl: string;
26
29
  };
27
30
  export type AspectRatioStyle = keyof typeof ratioClasses | string | undefined;
@@ -32,13 +35,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Graphi
32
35
  rounding: keyof typeof roundingClasses;
33
36
  ratio: string;
34
37
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
35
- 'top-left'?: (props: {}) => any;
38
+ topLeft?: (props: {}) => any;
36
39
  } & {
37
- 'top-right'?: (props: {}) => any;
40
+ topRight?: (props: {}) => any;
38
41
  } & {
39
- 'bottom-right'?: (props: {}) => any;
42
+ bottomRight?: (props: {}) => any;
40
43
  } & {
41
- 'bottom-left'?: (props: {}) => any;
44
+ bottomLeft?: (props: {}) => any;
42
45
  }>;
43
46
  type __VLS_WithSlots<T, S> = T & {
44
47
  new (): {
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 CHANGED
@@ -2,6 +2,8 @@ import { type RadioButtonProps as PrimeRadioButtonProps } from 'primevue/radiobu
2
2
  export type RadioButtonProps = PrimeRadioButtonProps & {
3
3
  label?: string;
4
4
  labelLeft?: boolean;
5
+ justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
6
+ labelClass?: string;
5
7
  };
6
8
  declare var __VLS_6: {};
7
9
  type __VLS_Slots = {} & {
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
@@ -12,6 +12,7 @@ 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
14
  export { default as BccRadioButton } from './BccRadioButton.vue';
15
+ export { default as BccSelectButton } from './BccSelectButton.vue';
15
16
  export { default as BccTabs } from './BccTabs/BccTabs.vue';
16
17
  export { default as BccToggle } from './BccToggle/BccToggle.vue';
17
18
  export { default as BccToggleButton } from './BccToggleButton.vue';
@@ -24,6 +25,7 @@ export type { InputProps } from './BccInput.vue';
24
25
  export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
25
26
  export type { MessageProps } from './BccMessage.vue';
26
27
  export type { RadioButtonProps } from './BccRadioButton.vue';
28
+ export type { SelectButtonProps } from './BccSelectButton.vue';
27
29
  export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
28
30
  export type { ToggleProps } from './BccToggle/BccToggle.vue';
29
31
  export type { ToggleButtonProps } from './BccToggleButton.vue';
package/dist-types/index.d.ts CHANGED
@@ -101,7 +101,6 @@ export { default as BccRow } from 'primevue/row';
101
101
  export { default as BccScrollPanel } from 'primevue/scrollpanel';
102
102
  export { default as BccScrollTop } from 'primevue/scrolltop';
103
103
  export { default as BccSelect } from 'primevue/select';
104
- export { default as BccSelectButton } from 'primevue/selectbutton';
105
104
  export { default as BccSkeleton } from 'primevue/skeleton';
106
105
  export { default as BccSlider } from 'primevue/slider';
107
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.f6d4662",
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.fb238cc",
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.2.5",
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-storybook": "10.3.5",
82
+ "eslint-plugin-vue": "^10.7.0",
83
+ "globals": "^17.3.0",
84
+ "http-server": "^14.1.1",
85
+ "jiti": "^2.6.1",
86
+ "npm-run-all": "^4.1.5",
87
+ "postcss": "^8.4.49",
88
+ "prettier": "^3.8.1",
89
+ "prettier-plugin-tailwindcss": "^0.7.2",
90
+ "remark-gfm": "^4.0.0",
91
+ "rimraf": "^6.0.0",
92
+ "storybook": "^10.3.5",
93
+ "tippy.js": "^6.3.7",
94
+ "typescript": "~5.7.0",
95
+ "typescript-eslint": "^8.54.0",
96
+ "unplugin-vue-components": "^31.0.0",
97
+ "vite": "^7.3.0",
98
+ "vitest": "^4.0.18",
99
+ "vue": "^3.5.0",
100
+ "vue-tsc": "^3.2.4"
101
+ },
102
+ "pnpm": {
103
+ "patchedDependencies": {
104
+ "@primevue/icons": "patches/@primevue__icons.patch"
105
+ }
106
+ }
105
107
  }