@bcc-code/component-library-vue 0.7.6 → 0.7.8
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/component-library.umd.cjs +94 -94
- package/dist/index.css +1 -1
- package/dist/theme.css +47 -21
- package/package.json +103 -102
package/dist/theme.css
CHANGED
|
@@ -1825,44 +1825,70 @@
|
|
|
1825
1825
|
/** Custom styles to fix primevue components that are not custom or wrapped. */
|
|
1826
1826
|
|
|
1827
1827
|
/**
|
|
1828
|
-
|
|
1828
|
+
* GUTTER FIX
|
|
1829
|
+
* Primevue's dropwdown components are all missing the gap between input and dropdown
|
|
1830
|
+
**/
|
|
1831
|
+
.p-autocomplete-overlay,
|
|
1832
|
+
.p-menu-overlay,
|
|
1833
|
+
.p-multiselect-overlay,
|
|
1834
|
+
.p-select-overlay,
|
|
1835
|
+
.p-treeselect-overlay {
|
|
1836
|
+
margin: var(--p-anchor-gutter) 0;
|
|
1837
|
+
}
|
|
1838
|
+
|
|
1839
|
+
/* This fix is to ensure overlay badge is contained within the size of the component it wraps */
|
|
1840
|
+
.p-overlaybadge {
|
|
1841
|
+
display: inline-block;
|
|
1842
|
+
}
|
|
1843
|
+
|
|
1844
|
+
/**
|
|
1845
|
+
* BccAutocomplete
|
|
1829
1846
|
**/
|
|
1830
1847
|
|
|
1831
1848
|
/** Our icons are a bit smaller that Primevue's default */
|
|
1832
1849
|
.p-autocomplete .p-icon {
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1850
|
+
--p-icon-size: var(--icon-size-sm);
|
|
1851
|
+
--p-form-field-sm-font-size: var(--icon-size-sm);
|
|
1852
|
+
--p-form-field-lg-font-size: var(--icon-size-md);
|
|
1836
1853
|
}
|
|
1837
1854
|
|
|
1838
1855
|
.p-autocomplete-clearable .p-inputtext {
|
|
1839
|
-
|
|
1856
|
+
flex-grow: 1;
|
|
1840
1857
|
}
|
|
1841
1858
|
|
|
1842
1859
|
.p-autocomplete-chip.p-chip {
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1860
|
+
padding-block-start: calc(var(--p-autocomplete-padding-y) / 2);
|
|
1861
|
+
padding-block-end: calc(var(--p-autocomplete-padding-y) / 2);
|
|
1862
|
+
border-radius: var(--p-autocomplete-chip-border-radius);
|
|
1846
1863
|
}
|
|
1847
1864
|
|
|
1848
|
-
|
|
1849
1865
|
/**
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
.p-menu-overlay,
|
|
1855
|
-
.p-multiselect-overlay,
|
|
1856
|
-
.p-select-overlay,
|
|
1857
|
-
.p-treeselect-overlay {
|
|
1858
|
-
margin: var(--p-anchor-gutter) 0;
|
|
1866
|
+
* BccSelect
|
|
1867
|
+
**/
|
|
1868
|
+
.p-select {
|
|
1869
|
+
--p-icon-size: var(--icon-size-sm);
|
|
1859
1870
|
}
|
|
1860
1871
|
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1872
|
+
.p-select.inline-select {
|
|
1873
|
+
@apply mx-auto inline-flex w-auto items-center border-0 bg-transparent shadow-none;
|
|
1874
|
+
--p-icon-size: 1.25em;
|
|
1875
|
+
--p-select-dropdown-width: 1.5em;
|
|
1876
|
+
--p-select-min-height: auto;
|
|
1877
|
+
}
|
|
1878
|
+
|
|
1879
|
+
.p-select.inline-select .p-select-label {
|
|
1880
|
+
@apply inline-block font-semibold;
|
|
1881
|
+
font-size: inherit;
|
|
1882
|
+
padding: 0 0 0 0.25em;
|
|
1864
1883
|
}
|
|
1865
1884
|
|
|
1885
|
+
.p-select.inline-select.inverse {
|
|
1886
|
+
--p-select-color: var(--color-neutral-0);
|
|
1887
|
+
--p-select-dropdown-color: var(--color-neutral-0);
|
|
1888
|
+
--p-select-placeholder-color: var(--color-dark-neutral-1000);
|
|
1889
|
+
}
|
|
1890
|
+
|
|
1891
|
+
|
|
1866
1892
|
|
|
1867
1893
|
|
|
1868
1894
|
/* === ./components/custom/styles.css === */
|
package/package.json
CHANGED
|
@@ -1,104 +1,105 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
2
|
+
"name": "@bcc-code/component-library-vue",
|
|
3
|
+
"version": "0.7.8",
|
|
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.34",
|
|
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
|
+
}
|
|
104
105
|
}
|