@bcc-code/component-library-vue 0.7.6 → 0.7.7

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 (4) hide show
  1. package/dist/component-library.umd.cjs +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/theme.css +46 -20
  4. package/package.json +102 -102
package/dist/theme.css CHANGED
@@ -1824,43 +1824,69 @@
1824
1824
  /* === ./styles/component-overrides.css === */
1825
1825
  /** Custom styles to fix primevue components that are not custom or wrapped. */
1826
1826
 
1827
+
1828
+ /**
1829
+ * GUTTER FIX
1830
+ * Primevue's dropwdown components are all missing the gap between input and dropdown
1831
+ **/
1832
+ .p-autocomplete-overlay,
1833
+ .p-menu-overlay,
1834
+ .p-multiselect-overlay,
1835
+ .p-select-overlay,
1836
+ .p-treeselect-overlay {
1837
+ margin: var(--p-anchor-gutter) 0;
1838
+ }
1839
+
1840
+ /* This fix is to ensure overlay badge is contained within the size of the component it wraps */
1841
+ .p-overlaybadge {
1842
+ display: inline-block;
1843
+ }
1844
+
1827
1845
  /**
1828
- .BccAutocomplete
1846
+ * BccAutocomplete
1829
1847
  **/
1830
1848
 
1831
1849
  /** Our icons are a bit smaller that Primevue's default */
1832
1850
  .p-autocomplete .p-icon {
1833
- --p-icon-size: var(--icon-size-sm);
1834
- --p-form-field-sm-font-size: var(--icon-size-sm);
1835
- --p-form-field-lg-font-size: var(--icon-size-md);
1851
+ --p-icon-size: var(--icon-size-sm);
1852
+ --p-form-field-sm-font-size: var(--icon-size-sm);
1853
+ --p-form-field-lg-font-size: var(--icon-size-md);
1836
1854
  }
1837
1855
 
1838
1856
  .p-autocomplete-clearable .p-inputtext {
1839
- flex-grow: 1;
1857
+ flex-grow: 1;
1840
1858
  }
1841
1859
 
1842
1860
  .p-autocomplete-chip.p-chip {
1843
- padding-block-start: calc(var(--p-autocomplete-padding-y) / 2);
1844
- padding-block-end: calc(var(--p-autocomplete-padding-y) / 2);
1845
- border-radius: var(--p-autocomplete-chip-border-radius);
1861
+ padding-block-start: calc(var(--p-autocomplete-padding-y) / 2);
1862
+ padding-block-end: calc(var(--p-autocomplete-padding-y) / 2);
1863
+ border-radius: var(--p-autocomplete-chip-border-radius);
1846
1864
  }
1847
1865
 
1848
-
1849
1866
  /**
1850
- GUTTER FIX
1851
- * Primevue's dropwdown components are all missing the gap between input and dropdown
1867
+ * BccSelect
1852
1868
  **/
1853
- .p-autocomplete-overlay,
1854
- .p-menu-overlay,
1855
- .p-multiselect-overlay,
1856
- .p-select-overlay,
1857
- .p-treeselect-overlay {
1858
- margin: var(--p-anchor-gutter) 0;
1869
+ .p-select {
1870
+ --p-icon-size: var(--icon-size-sm);
1859
1871
  }
1860
1872
 
1861
- /* This fix is to ensure overlay badge is contained within the size of the component it wraps */
1862
- .p-overlaybadge {
1863
- display: inline-block;
1873
+ .p-select.inline {
1874
+ @apply inline-flex items-center mx-auto w-auto border-0 bg-transparent shadow-none;
1875
+ --p-icon-size: 1.25em;
1876
+ --p-select-dropdown-width: 1.5em;
1877
+ --p-select-min-height: auto;
1878
+ }
1879
+
1880
+ .p-select.inline .p-select-label {
1881
+ @apply font-semibold inline-block;
1882
+ font-size: inherit;
1883
+ padding: 0 0 0 0.25em;
1884
+ }
1885
+
1886
+ .p-select.inline.inverse {
1887
+ --p-select-color: var(--color-neutral-0);
1888
+ --p-select-dropdown-color: var(--color-neutral-0);
1889
+ --p-select-placeholder-color: var(--color-dark-neutral-1000);
1864
1890
  }
1865
1891
 
1866
1892
 
package/package.json CHANGED
@@ -1,104 +1,104 @@
1
1
  {
2
- "name": "@bcc-code/component-library-vue",
3
- "version": "0.7.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
- "./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
- "rimraf": "^6.0.0",
90
- "storybook": "^10.0.0",
91
- "typescript": "~5.7.0",
92
- "typescript-eslint": "^8.54.0",
93
- "unplugin-vue-components": "^31.0.0",
94
- "vite": "^7.3.0",
95
- "vitest": "^4.0.18",
96
- "vue": "^3.5.0",
97
- "vue-tsc": "^3.2.4"
98
- },
99
- "pnpm": {
100
- "patchedDependencies": {
101
- "@primevue/icons": "patches/@primevue__icons.patch"
102
- }
103
- }
2
+ "name": "@bcc-code/component-library-vue",
3
+ "version": "0.7.7",
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
+ "rimraf": "^6.0.0",
90
+ "storybook": "^10.0.0",
91
+ "typescript": "~5.7.0",
92
+ "typescript-eslint": "^8.54.0",
93
+ "unplugin-vue-components": "^31.0.0",
94
+ "vite": "^7.3.0",
95
+ "vitest": "^4.0.18",
96
+ "vue": "^3.5.0",
97
+ "vue-tsc": "^3.2.4"
98
+ },
99
+ "pnpm": {
100
+ "patchedDependencies": {
101
+ "@primevue/icons": "patches/@primevue__icons.patch"
102
+ }
103
+ }
104
104
  }