@bcc-code/component-library-vue 1.0.0 → 1.1.0
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.js +205 -208
- package/dist/component-library.umd.cjs +97 -97
- package/dist/index.css +1 -1
- package/dist/theme.css +40 -37
- package/dist-types/components/custom/BccGraphic/BccGraphic.vue.d.ts +2 -0
- package/package.json +105 -103
package/dist/theme.css
CHANGED
|
@@ -1974,7 +1974,7 @@
|
|
|
1974
1974
|
}
|
|
1975
1975
|
|
|
1976
1976
|
.bcc-nav-item-title {
|
|
1977
|
-
@apply
|
|
1977
|
+
@apply heading-xs text-center text-subtlest opacity-75;
|
|
1978
1978
|
}
|
|
1979
1979
|
|
|
1980
1980
|
.bcc-app-nav-item--active .bcc-nav-item-title {
|
|
@@ -1999,16 +1999,16 @@
|
|
|
1999
1999
|
@apply ctx-gradient;
|
|
2000
2000
|
}
|
|
2001
2001
|
.bcc-badge.sm {
|
|
2002
|
-
@apply
|
|
2002
|
+
@apply heading-xs h-4 w-4;
|
|
2003
2003
|
}
|
|
2004
2004
|
.bcc-badge.md {
|
|
2005
|
-
@apply
|
|
2005
|
+
@apply heading-sm h-5 w-5;
|
|
2006
2006
|
}
|
|
2007
2007
|
.bcc-badge.lg {
|
|
2008
|
-
@apply
|
|
2008
|
+
@apply heading-md h-6 w-6;
|
|
2009
2009
|
}
|
|
2010
2010
|
.bcc-badge.xl {
|
|
2011
|
-
@apply
|
|
2011
|
+
@apply heading-md h-8 w-8;
|
|
2012
2012
|
}
|
|
2013
2013
|
|
|
2014
2014
|
.bcc-badge .bcc-badge-icon {
|
|
@@ -2140,40 +2140,43 @@
|
|
|
2140
2140
|
|
|
2141
2141
|
/* from ./BccFrame/BccFrame.css */
|
|
2142
2142
|
@layer components {
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2143
|
+
.bcc-frame {
|
|
2144
|
+
@apply ctx ctx-default w-full border border-transparent;
|
|
2145
|
+
}
|
|
2146
2146
|
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2147
|
+
.bcc-frame.bcc-frame--shadow {
|
|
2148
|
+
@apply shadow-ctx shadow;
|
|
2149
|
+
}
|
|
2150
2150
|
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
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
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
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
|
-
|
|
2169
|
-
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
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,
|
|
@@ -2278,7 +2281,7 @@
|
|
|
2278
2281
|
/* from ./BccNpsScore/BccNpsScore.css */
|
|
2279
2282
|
@layer components {
|
|
2280
2283
|
.bcc-nps-score {
|
|
2281
|
-
@apply min-w-
|
|
2284
|
+
@apply min-w-70 p-4 body-sm flex flex-col gap-y-2 select-none;
|
|
2282
2285
|
}
|
|
2283
2286
|
|
|
2284
2287
|
.bcc-nps-score--heading {
|
|
@@ -2435,16 +2438,16 @@
|
|
|
2435
2438
|
@apply w-auto;
|
|
2436
2439
|
}
|
|
2437
2440
|
.bcc-tag.bcc-badge.md {
|
|
2438
|
-
@apply
|
|
2441
|
+
@apply body-md h-6;
|
|
2439
2442
|
}
|
|
2440
2443
|
.bcc-tag.bcc-badge.sm {
|
|
2441
|
-
@apply
|
|
2444
|
+
@apply body-sm h-5;
|
|
2442
2445
|
}
|
|
2443
2446
|
.bcc-tag.bcc-badge.lg {
|
|
2444
|
-
@apply
|
|
2447
|
+
@apply body-md h-8;
|
|
2445
2448
|
}
|
|
2446
2449
|
.bcc-tag.bcc-badge.xl {
|
|
2447
|
-
@apply
|
|
2450
|
+
@apply body-lg h-10;
|
|
2448
2451
|
}
|
|
2449
2452
|
}
|
|
2450
2453
|
|
|
@@ -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/package.json
CHANGED
|
@@ -1,105 +1,107 @@
|
|
|
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
|
-
|
|
104
|
-
|
|
2
|
+
"name": "@bcc-code/component-library-vue",
|
|
3
|
+
"version": "1.1.0",
|
|
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.83",
|
|
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
|
}
|