@bcc-code/component-library-vue 0.0.0-dev.76cc5cd → 0.0.0-dev.7840660

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 (7) hide show
  1. package/dist/component-library.js +18 -17
  2. package/dist/component-library.umd.cjs +95 -95
  3. package/dist/index.css +1 -1
  4. package/dist/theme.css +30 -27
  5. package/dist-types/components/custom/BccGraphic/BccGraphic.vue.d.ts +2 -0
  6. package/dist-types/components/custom/BccTopNavigation/BccTopNavigation.vue.d.ts +1 -1
  7. package/package.json +105 -103
package/dist/theme.css CHANGED
@@ -2140,40 +2140,43 @@
2140
2140
 
2141
2141
  /* from ./BccFrame/BccFrame.css */
2142
2142
  @layer components {
2143
- .bcc-frame {
2144
- @apply ctx ctx-default w-full;
2145
- }
2143
+ .bcc-frame {
2144
+ @apply ctx ctx-default w-full border border-transparent;
2145
+ }
2146
2146
 
2147
- .bcc-frame.bcc-frame--shadow {
2148
- @apply shadow shadow-ctx;
2149
- }
2147
+ .bcc-frame.bcc-frame--shadow {
2148
+ @apply shadow-ctx shadow;
2149
+ }
2150
2150
 
2151
- .bcc-frame--raised {
2152
- --ctx-background: var(--color-elevation-surface-raised-default);
2153
- }
2154
- .bcc-frame--rounded {
2155
- @apply rounded-md;
2156
- }
2157
- .bcc-frame--raised.bcc-frame--shadow {
2158
- @apply shadow-raised;
2159
- }
2151
+ .bcc-frame--raised {
2152
+ --ctx-background: var(--color-elevation-surface-raised-default);
2153
+ }
2154
+ .bcc-frame--rounded {
2155
+ @apply rounded-md;
2156
+ }
2157
+ .bcc-frame--raised.bcc-frame--shadow {
2158
+ @apply shadow-raised dark:border-default;
2159
+ }
2160
2160
 
2161
- .bcc-frame--overlay {
2162
- --ctx-background: var(--color-elevation-surface-overlay-default);
2163
- }
2164
- .bcc-frame--overlay.bcc-frame--shadow {
2165
- @apply shadow-overlay;
2166
- }
2161
+ .bcc-frame--overlay {
2162
+ --ctx-background: var(--color-elevation-surface-overlay-default);
2163
+ @apply border;
2164
+ }
2165
+ .bcc-frame--overlay.bcc-frame--shadow {
2166
+ @apply shadow-overlay dark:border-default;
2167
+ }
2167
2168
 
2168
- .bcc-frame--sunken {
2169
- --ctx-background: var(--color-elevation-surface-sunken-default);
2170
- }
2171
- .bcc-frame--sunken.bcc-frame--shadow {
2172
- @apply shadow-inner;
2173
- }
2169
+ .bcc-frame--sunken {
2170
+ --ctx-background: var(--color-elevation-surface-sunken-default);
2171
+ @apply border;
2172
+ }
2173
+ .bcc-frame--sunken.bcc-frame--shadow {
2174
+ @apply dark:border-default shadow-inner;
2175
+ }
2174
2176
  }
2175
2177
 
2176
2178
 
2179
+
2177
2180
  /* from ./BccGraphic/BccGraphic.css */
2178
2181
  @layer components {
2179
2182
  .bcc-graphic .corner,
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;
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;
package/package.json CHANGED
@@ -1,105 +1,107 @@
1
1
  {
2
- "name": "@bcc-code/component-library-vue",
3
- "version": "0.0.0-dev.76cc5cd",
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.76",
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.7840660",
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.1.80",
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-vue": "^10.7.0",
82
+ "globals": "^17.3.0",
83
+ "http-server": "^14.1.1",
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.3.5",
92
+ "tippy.js": "^6.3.7",
93
+ "typescript": "~5.7.0",
94
+ "typescript-eslint": "^8.54.0",
95
+ "unplugin-vue-components": "^31.0.0",
96
+ "vite": "^7.3.0",
97
+ "vitest": "^4.0.18",
98
+ "vue": "^3.5.0",
99
+ "vue-tsc": "^3.2.4",
100
+ "eslint-plugin-storybook": "10.3.5"
101
+ },
102
+ "pnpm": {
103
+ "patchedDependencies": {
104
+ "@primevue/icons": "patches/@primevue__icons.patch"
105
+ }
106
+ }
105
107
  }