@bcc-code/component-library-vue 1.4.4 → 1.4.6

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.
package/dist/theme.css CHANGED
@@ -1547,6 +1547,10 @@
1547
1547
  --p-tooltip-max-width: min(85vw, calc(var(--spacing) * 100));
1548
1548
  }
1549
1549
 
1550
+ .p-overlay-mask {
1551
+ padding: 1rem;
1552
+ }
1553
+
1550
1554
  /**
1551
1555
  * GUTTER FIX
1552
1556
  * Primevue's dropwdown components are all missing the gap between input and dropdown
@@ -2318,7 +2322,13 @@
2318
2322
  @apply flex shrink-0 cursor-pointer items-center justify-center rounded-full transition;
2319
2323
  }
2320
2324
  .bcc-react-list {
2321
- @apply hide-scrollbar ml-2 flex h-8 flex-1 items-center gap-1.5 overflow-visible rounded-full;
2325
+ @apply hide-scrollbar ml-2 flex h-8 flex-1 items-center gap-1.5 rounded-full;
2326
+ }
2327
+ .bcc-react-list--limited {
2328
+ @apply min-w-0 overflow-x-auto;
2329
+ max-width: calc(
2330
+ var(--bcc-react-max-visible) * 3.25rem + (var(--bcc-react-max-visible) - 1) * 0.375rem
2331
+ );
2322
2332
  }
2323
2333
  .bcc-react-empty {
2324
2334
  @apply heading-xs flex items-center;
@@ -15,4 +15,6 @@ export type ReactProps = {
15
15
  top?: boolean;
16
16
  /** Message shown when there are no reactions yet (e.g. "Be the first to react"). */
17
17
  placeholder?: string;
18
+ /** Max active reactions visible at once; overflow scrolls horizontally when exceeded. */
19
+ max?: number;
18
20
  };
@@ -13,6 +13,7 @@ type __VLS_Props = TopNavigationProps & {
13
13
  padded?: boolean;
14
14
  transparent?: boolean;
15
15
  white?: boolean;
16
+ sunken?: boolean;
16
17
  backTitle?: string;
17
18
  force?: boolean;
18
19
  titleLeft?: boolean;
package/package.json CHANGED
@@ -1,115 +1,125 @@
1
1
  {
2
- "name": "@bcc-code/component-library-vue",
3
- "version": "1.4.4",
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
- "./sfc-styles.css": "./dist/sfc-styles.css",
34
- "./library-utilities.css": "./dist/library-utilities.css",
35
- "./archivo-font.css": "./dist/archivo-font.css",
36
- "./tailwind.css": "./dist-css/tailwind.css"
37
- },
38
- "scripts": {
39
- "start": "storybook dev -p 6006",
40
- "build-storybook": "storybook build && pnpm run build:llms",
41
- "build": "run-p typecheck build:types build:vite",
42
- "docs:ai": "storybook build && pnpm run build:llms",
43
- "build:llms": "node scripts/generate-llms-files.mjs",
44
- "build:vite": "rimraf dist && vite build && pnpm run build:sfc-styles && pnpm run build:library-utilities && node scripts/build-archivo-font.mjs && node scripts/build-theme-css.mjs",
45
- "build:sfc-styles": "vite build --config vite.config.sfc-styles.ts && rimraf dist/sfc-styles.js",
46
- "build:library-utilities": "tailwindcss -i src/library-utilities-input.css -o dist/library-utilities.css --minify",
47
- "build:types": "rimraf dist-types && vue-tsc -p tsconfig.build.json",
48
- "generate:semantic": "node scripts/restructure-semantic-primitives.mjs",
49
- "generate:semantic-css": "node scripts/generate-semantic-css.mjs",
50
- "generate:context-modes": "node scripts/generate-context-modes.mjs",
51
- "generate:context-css": "node scripts/generate-context-css.mjs",
52
- "generate": "pnpm run generate:semantic && pnpm run generate:semantic-css && pnpm run generate:context-modes && pnpm run generate:context-css",
53
- "sync:primevue-icon-patches": "node scripts/sync-primevue-icon-patches.mjs",
54
- "typecheck": "vue-tsc --noEmit",
55
- "lint": "eslint src/**/*.ts src/**/*.vue",
56
- "lint:fix": "eslint --fix src/**/*.ts src/**/*.vue",
57
- "test:unit": "vitest run",
58
- "test:e2e": "playwright test",
59
- "release-channel": "node ./scripts/release-channel.cjs",
60
- "create-version": "node ./scripts/version.cjs"
61
- },
62
- "dependencies": {
63
- "@bcc-code/design-tokens": "^5.2.5",
64
- "@bcc-code/icons-vue": "^1.5.0",
65
- "@primeuix/themes": "^2.0.3",
66
- "@tailwindcss/vite": "^4.1.18",
67
- "primevue": "^4.5.4",
68
- "tailwindcss": "^4.0.0"
69
- },
70
- "peerDependencies": {
71
- "vue": "^3.5.0"
72
- },
73
- "devDependencies": {
74
- "@eslint/js": "^9.39.2",
75
- "@playwright/test": "^1.59.1",
76
- "@primevue/auto-import-resolver": "^4.5.4",
77
- "@storybook/addon-docs": "^10.3.5",
78
- "@storybook/vue3-vite": "^10.3.5",
79
- "@tailwindcss/cli": "^4.2.4",
80
- "@types/node": "^22.0.0",
81
- "@vitejs/plugin-vue": "^6.0.0",
82
- "@vue/eslint-config-prettier": "^10.2.0",
83
- "@vue/test-utils": "^2.4.6",
84
- "@vue/tsconfig": "^0.7.0",
85
- "autoprefixer": "^10.4.20",
86
- "eslint": "^9.39.2",
87
- "eslint-plugin-prettier": "^5.5.5",
88
- "eslint-plugin-storybook": "10.3.5",
89
- "eslint-plugin-vue": "^10.7.0",
90
- "globals": "^17.3.0",
91
- "http-server": "^14.1.1",
92
- "jiti": "^2.6.1",
93
- "npm-run-all": "^4.1.5",
94
- "postcss": "^8.4.49",
95
- "prettier": "^3.8.1",
96
- "prettier-plugin-tailwindcss": "^0.7.2",
97
- "quill": "^2.0.3",
98
- "remark-gfm": "^4.0.0",
99
- "rimraf": "^6.0.0",
100
- "storybook": "^10.3.5",
101
- "tippy.js": "^6.3.7",
102
- "typescript": "~5.7.0",
103
- "typescript-eslint": "^8.54.0",
104
- "unplugin-vue-components": "^31.0.0",
105
- "vite": "^7.3.0",
106
- "vitest": "^4.0.18",
107
- "vue": "^3.5.0",
108
- "vue-tsc": "^3.2.4"
109
- },
110
- "pnpm": {
111
- "patchedDependencies": {
112
- "@primevue/icons": "patches/@primevue__icons.patch"
113
- }
114
- }
2
+ "name": "@bcc-code/component-library-vue",
3
+ "version": "1.4.6",
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
+ "./sfc-styles.css": "./dist/sfc-styles.css",
34
+ "./library-utilities.css": "./dist/library-utilities.css",
35
+ "./archivo-font.css": "./dist/archivo-font.css",
36
+ "./tailwind.css": "./dist-css/tailwind.css"
37
+ },
38
+ "scripts": {
39
+ "start": "concurrently \"pnpm run dev\" \"pnpm vitest\"",
40
+ "dev": "storybook dev -p 6006",
41
+ "build-storybook": "storybook build && pnpm run build:llms",
42
+ "build": "concurrently --kill-others-on-fail \"pnpm run typecheck\" \"pnpm run build:types\" \"pnpm run build:vite\"",
43
+ "docs:ai": "storybook build && pnpm run build:llms",
44
+ "build:llms": "node scripts/generate-llms-files.mjs",
45
+ "build:vite": "rimraf dist && vite build && pnpm run build:sfc-styles && pnpm run build:library-utilities && node scripts/build-archivo-font.mjs && node scripts/build-theme-css.mjs",
46
+ "build:sfc-styles": "vite build --config vite.config.sfc-styles.ts && rimraf dist/sfc-styles.js",
47
+ "build:library-utilities": "tailwindcss -i src/library-utilities-input.css -o dist/library-utilities.css --minify",
48
+ "build:types": "rimraf dist-types && vue-tsc -p tsconfig.build.json",
49
+ "generate:semantic": "node scripts/restructure-semantic-primitives.mjs",
50
+ "generate:semantic-css": "node scripts/generate-semantic-css.mjs",
51
+ "generate:context-modes": "node scripts/generate-context-modes.mjs",
52
+ "generate:context-css": "node scripts/generate-context-css.mjs",
53
+ "generate": "pnpm run generate:semantic && pnpm run generate:semantic-css && pnpm run generate:context-modes && pnpm run generate:context-css",
54
+ "sync:primevue-icon-patches": "node scripts/sync-primevue-icon-patches.mjs",
55
+ "typecheck": "vue-tsc --noEmit",
56
+ "lint": "eslint src/**/*.ts src/**/*.vue",
57
+ "lint:fix": "eslint --fix src/**/*.ts src/**/*.vue",
58
+ "test:unit": "vitest run",
59
+ "test:e2e": "playwright test",
60
+ "release-channel": "node ./scripts/release-channel.cjs",
61
+ "create-version": "node ./scripts/version.cjs"
62
+ },
63
+ "dependencies": {
64
+ "@bcc-code/design-tokens": "^5.2.5",
65
+ "@bcc-code/icons-vue": "^1.5.0",
66
+ "@primeuix/themes": "^2.0.3",
67
+ "@tailwindcss/vite": "^4.1.18",
68
+ "primevue": "^4.5.4",
69
+ "tailwindcss": "^4.0.0"
70
+ },
71
+ "peerDependencies": {
72
+ "vue": "^3.5.0"
73
+ },
74
+ "devDependencies": {
75
+ "@eslint/js": "^10.0.1",
76
+ "@playwright/test": "^1.59.1",
77
+ "@primevue/auto-import-resolver": "^4.5.4",
78
+ "@storybook/addon-docs": "^10.4.6",
79
+ "@storybook/addon-vitest": "^10.4.6",
80
+ "@storybook/vue3-vite": "^10.4.6",
81
+ "@tailwindcss/cli": "^4.2.4",
82
+ "@types/node": "^22.0.0",
83
+ "@vitejs/plugin-vue": "^6.0.0",
84
+ "@vitest/browser-playwright": "4.1.9",
85
+ "@vitest/coverage-v8": "4.1.9",
86
+ "@vue/compiler-sfc": "^3.5.38",
87
+ "@vue/eslint-config-prettier": "^10.2.0",
88
+ "@vue/test-utils": "^2.4.6",
89
+ "@vue/tsconfig": "^0.7.0",
90
+ "autoprefixer": "^10.4.20",
91
+ "concurrently": "^9.0.0",
92
+ "eslint": "^10.5.0",
93
+ "eslint-plugin-prettier": "^5.5.6",
94
+ "eslint-plugin-storybook": "10.4.6",
95
+ "eslint-plugin-vue": "^10.9.2",
96
+ "globals": "^17.3.0",
97
+ "http-server": "^14.1.1",
98
+ "jiti": "^2.6.1",
99
+ "playwright": "^1.61.0",
100
+ "postcss": "^8.4.49",
101
+ "prettier": "^3.8.1",
102
+ "prettier-plugin-tailwindcss": "^0.7.2",
103
+ "quill": "^2.0.3",
104
+ "remark-gfm": "^4.0.0",
105
+ "rimraf": "^6.0.0",
106
+ "storybook": "^10.4.6",
107
+ "tippy.js": "^6.3.7",
108
+ "typescript": "~5.7.0",
109
+ "typescript-eslint": "^8.61.1",
110
+ "unplugin-vue-components": "^31.0.0",
111
+ "vite": "^7.3.5",
112
+ "vitest": "^4.1.9",
113
+ "vue": "^3.5.0",
114
+ "vue-eslint-parser": "^10.4.1",
115
+ "vue-tsc": "^3.2.4"
116
+ },
117
+ "pnpm": {
118
+ "overrides": {
119
+ "minimatch": ">=10.2.3"
120
+ },
121
+ "patchedDependencies": {
122
+ "@primevue/icons": "patches/@primevue__icons.patch"
123
+ }
124
+ }
115
125
  }