@bcc-code/component-library-vue 0.0.0-dev.f3b912b → 0.0.0-dev.f3ffbc4

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 (13) hide show
  1. package/dist/component-library.js +4138 -4109
  2. package/dist/component-library.umd.cjs +172 -172
  3. package/dist/index.css +1 -1
  4. package/dist/theme.css +587 -302
  5. package/dist-types/components/custom/BccGraphic/BccGraphic.vue.d.ts +7 -4
  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 +2 -0
  12. package/dist-types/components/wrapped/BccSelectButton.vue.d.ts +5 -2
  13. package/package.json +105 -103
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 CHANGED
@@ -1,12 +1,15 @@
1
+ import type { VueComponent } from '@/types';
1
2
  import { type SelectButtonProps as PrimeSelectButtonProps } from 'primevue/selectbutton';
2
- export type SelectButtonProps = PrimeSelectButtonProps;
3
+ export type SelectButtonProps = PrimeSelectButtonProps & {
4
+ optionIcon?: string | ((option: unknown) => VueComponent | null);
5
+ };
3
6
  declare var __VLS_9: {
4
7
  option: any;
5
8
  };
6
9
  type __VLS_Slots = {} & {
7
10
  option?: (props: typeof __VLS_9) => any;
8
11
  };
9
- declare const __VLS_base: import("vue").DefineComponent<PrimeSelectButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimeSelectButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
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>;
10
13
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
14
  declare const _default: typeof __VLS_export;
12
15
  export default _default;
package/package.json CHANGED
@@ -1,105 +1,107 @@
1
1
  {
2
- "name": "@bcc-code/component-library-vue",
3
- "version": "0.0.0-dev.f3b912b",
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.56",
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.f3ffbc4",
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.3",
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
  }