@bcc-code/component-library-vue 0.0.0-dev.7bf4556 → 0.0.0-dev.8327377
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 +29343 -26532
- package/dist/component-library.umd.cjs +631 -618
- package/dist/index.css +1 -1
- package/dist/theme.css +106 -66
- package/dist-types/components/custom/BccAppNavigation/BccAppNavigation.vue.d.ts +32 -0
- package/dist-types/components/custom/BccBadge/BccBadge.vue.d.ts +2 -0
- package/dist-types/components/custom/BccCapacityIndicator/BccCapacityIndicator.vue.d.ts +3 -0
- package/dist-types/components/custom/BccDialKnob/BccDialKnob.vue.d.ts +1 -1
- package/dist-types/components/custom/BccReact/BccReact.vue.d.ts +1 -1
- package/dist-types/components/custom/BccStepIndicator/BccStepIndicator.vue.d.ts +1 -1
- package/dist-types/components/custom/BccTopNavigation/BccTopNavigation.vue.d.ts +47 -0
- package/dist-types/components/custom/index.d.ts +4 -0
- package/dist-types/components/wrapped/BccAvatar/BccAvatar.vue.d.ts +1 -1
- package/dist-types/components/wrapped/BccImage.vue.d.ts +17 -0
- package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts +6 -6
- package/dist-types/components/wrapped/BccMessage.vue.d.ts +4 -2
- package/dist-types/components/wrapped/BccRadioButton.vue.d.ts +18 -0
- package/dist-types/components/wrapped/BccTabs/BccTabs.vue.d.ts +2 -0
- package/dist-types/components/wrapped/BccToggle/BccToggle.vue.d.ts +12 -1
- package/dist-types/components/wrapped/index.d.ts +6 -1
- package/dist-types/index.d.ts +0 -3
- package/package.json +2 -2
package/dist/theme.css
CHANGED
|
@@ -1832,6 +1832,7 @@
|
|
|
1832
1832
|
.p-menu-overlay,
|
|
1833
1833
|
.p-multiselect-overlay,
|
|
1834
1834
|
.p-select-overlay,
|
|
1835
|
+
.p-datepicker-panel,
|
|
1835
1836
|
.p-treeselect-overlay {
|
|
1836
1837
|
margin: var(--p-anchor-gutter) 0;
|
|
1837
1838
|
}
|
|
@@ -1894,11 +1895,46 @@
|
|
|
1894
1895
|
--p-select-placeholder-color: var(--color-dark-neutral-1000);
|
|
1895
1896
|
}
|
|
1896
1897
|
|
|
1898
|
+
/**
|
|
1899
|
+
* Fix issue with icons inside Input within an InputGroup being hidden when Input is in focus
|
|
1900
|
+
**/
|
|
1901
|
+
.p-inputicon {
|
|
1902
|
+
z-index: 2;
|
|
1903
|
+
}
|
|
1904
|
+
|
|
1905
|
+
.p-dialog-close-button {
|
|
1906
|
+
--p-icon-size: var(--icon-size-sm);
|
|
1907
|
+
}
|
|
1908
|
+
.p-dialog .p-button-icon:empty {
|
|
1909
|
+
display: none;
|
|
1910
|
+
}
|
|
1911
|
+
|
|
1897
1912
|
|
|
1898
1913
|
|
|
1899
1914
|
|
|
1900
1915
|
/* === ./components/custom/styles.css === */
|
|
1901
1916
|
|
|
1917
|
+
/* from ./BccAppNavigation/BccAppNavigation.css */
|
|
1918
|
+
@layer components {
|
|
1919
|
+
.bcc-app-nav {
|
|
1920
|
+
@apply sticky inset-x-0 bottom-0 z-20 overflow-visible bg-elevation-surface-default shadow-md sm:rounded-t-xl;
|
|
1921
|
+
}
|
|
1922
|
+
.bcc-app-nav .bcc-app-nav-container {
|
|
1923
|
+
@apply center pb-inset-bottom-1 mx-auto max-w-lg pt-1;
|
|
1924
|
+
}
|
|
1925
|
+
|
|
1926
|
+
.bcc-app-nav .bcc-app-nav-item {
|
|
1927
|
+
@apply flex flex-col items-center justify-center relative h-12 flex-1 gap-1 ctx-gray-subtlest transition-colors focus:outline-none focus:ring-0 text-ctx;
|
|
1928
|
+
@apply opacity-50;
|
|
1929
|
+
}
|
|
1930
|
+
|
|
1931
|
+
.bcc-app-nav .bcc-app-nav-item--active {
|
|
1932
|
+
@apply text-selected opacity-100;
|
|
1933
|
+
}
|
|
1934
|
+
}
|
|
1935
|
+
|
|
1936
|
+
|
|
1937
|
+
|
|
1902
1938
|
/* from ./BccBadge/BccBadge.css */
|
|
1903
1939
|
@layer components {
|
|
1904
1940
|
.bcc-badge {
|
|
@@ -1910,6 +1946,9 @@
|
|
|
1910
1946
|
.bcc-badge.capital {
|
|
1911
1947
|
@apply inline-flex;
|
|
1912
1948
|
}
|
|
1949
|
+
.bcc-badge.gradient {
|
|
1950
|
+
@apply ctx-gradient;
|
|
1951
|
+
}
|
|
1913
1952
|
.bcc-badge.sm {
|
|
1914
1953
|
@apply w-4 h-4 text-heading-xs;
|
|
1915
1954
|
}
|
|
@@ -2007,6 +2046,7 @@
|
|
|
2007
2046
|
|
|
2008
2047
|
.bcc-capacity-indicator.is-warning {
|
|
2009
2048
|
@apply ctx-yellow-subtlest;
|
|
2049
|
+
--bcc-capacity-indicator-circle: var(--ctx-background);
|
|
2010
2050
|
}
|
|
2011
2051
|
|
|
2012
2052
|
.bcc-capacity-indicator.is-full {
|
|
@@ -2360,78 +2400,74 @@
|
|
|
2360
2400
|
|
|
2361
2401
|
/* from ./BccAvatar/BccAvatar.css */
|
|
2362
2402
|
@layer components {
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
.bcc-avatar.M {
|
|
2371
|
-
@apply ctx-blue-subtler;
|
|
2372
|
-
}
|
|
2373
|
-
.bcc-avatar.female,
|
|
2374
|
-
.bcc-avatar.F {
|
|
2375
|
-
@apply ctx-purple-subtler;
|
|
2376
|
-
}
|
|
2377
|
-
.bcc-avatar.male.child,
|
|
2378
|
-
.bcc-avatar.M.child {
|
|
2379
|
-
@apply ctx-teal-subtler;
|
|
2380
|
-
}
|
|
2381
|
-
.bcc-avatar.female.child,
|
|
2382
|
-
.bcc-avatar.F.child {
|
|
2383
|
-
@apply ctx-magenta-subtler;
|
|
2384
|
-
}
|
|
2385
|
-
.bcc-avatar.bordered {
|
|
2386
|
-
@apply border-2 border-ctx;
|
|
2387
|
-
}
|
|
2388
|
-
.bcc-avatar.xs {
|
|
2389
|
-
@apply size-5 text-xs;
|
|
2390
|
-
}
|
|
2391
|
-
.bcc-avatar.sm {
|
|
2392
|
-
@apply size-6 text-sm;
|
|
2393
|
-
}
|
|
2394
|
-
.bcc-avatar.md {
|
|
2395
|
-
@apply size-8 text-base;
|
|
2396
|
-
}
|
|
2397
|
-
.bcc-avatar.lg {
|
|
2398
|
-
@apply size-10 text-lg;
|
|
2399
|
-
}
|
|
2400
|
-
.bcc-avatar.xl {
|
|
2401
|
-
@apply size-12 text-xl;
|
|
2402
|
-
}
|
|
2403
|
-
.bcc-avatar.xxl {
|
|
2404
|
-
@apply size-20 text-3xl;
|
|
2405
|
-
}
|
|
2406
|
-
.bcc-avatar.xxxl {
|
|
2407
|
-
@apply size-24 text-4xl;
|
|
2408
|
-
}
|
|
2403
|
+
.bcc-avatar {
|
|
2404
|
+
--p-avatar-background: var(--ctx-background);
|
|
2405
|
+
--p-avatar-color: var(--ctx-text);
|
|
2406
|
+
--bcc-avatar-border: var(--ctx-border);
|
|
2407
|
+
--p-icon-size: var(--icon-size-sm);
|
|
2408
|
+
@apply ctx-gray-subtler shrink-0 overflow-hidden text-sm;
|
|
2409
|
+
}
|
|
2409
2410
|
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2420
|
-
|
|
2421
|
-
|
|
2411
|
+
.bcc-avatar.male,
|
|
2412
|
+
.bcc-avatar.M {
|
|
2413
|
+
@apply ctx-blue-subtler;
|
|
2414
|
+
}
|
|
2415
|
+
.bcc-avatar.female,
|
|
2416
|
+
.bcc-avatar.F {
|
|
2417
|
+
@apply ctx-purple-subtler;
|
|
2418
|
+
}
|
|
2419
|
+
.bcc-avatar.male.child,
|
|
2420
|
+
.bcc-avatar.M.child {
|
|
2421
|
+
@apply ctx-teal-subtler;
|
|
2422
|
+
}
|
|
2423
|
+
.bcc-avatar.female.child,
|
|
2424
|
+
.bcc-avatar.F.child {
|
|
2425
|
+
@apply ctx-magenta-subtler;
|
|
2426
|
+
}
|
|
2427
|
+
.bcc-avatar.bordered {
|
|
2428
|
+
@apply border-ctx border-2;
|
|
2429
|
+
}
|
|
2430
|
+
.bcc-avatar.xs {
|
|
2431
|
+
@apply size-5 text-xs;
|
|
2432
|
+
--p-icon-size: var(--icon-size-xs);
|
|
2433
|
+
}
|
|
2434
|
+
.bcc-avatar.sm {
|
|
2435
|
+
@apply size-6 text-xs;
|
|
2436
|
+
--p-icon-size: var(--icon-size-xs);
|
|
2437
|
+
}
|
|
2438
|
+
/* .bcc-avatar.md {
|
|
2439
|
+
same as default
|
|
2440
|
+
}*/
|
|
2441
|
+
.bcc-avatar.lg {
|
|
2442
|
+
@apply text-md size-10;
|
|
2443
|
+
--p-icon-size: var(--icon-size-md);
|
|
2444
|
+
}
|
|
2445
|
+
.bcc-avatar.xl {
|
|
2446
|
+
@apply size-12 text-xl;
|
|
2447
|
+
--p-icon-size: var(--icon-size-lg);
|
|
2448
|
+
}
|
|
2449
|
+
.bcc-avatar.xxl {
|
|
2450
|
+
@apply size-20 text-3xl;
|
|
2451
|
+
--p-icon-size: var(--icon-size-xl);
|
|
2452
|
+
}
|
|
2453
|
+
.bcc-avatar.xxxl {
|
|
2454
|
+
@apply size-24 text-4xl;
|
|
2455
|
+
--p-icon-size: var(--icon-size-xl);
|
|
2456
|
+
}
|
|
2422
2457
|
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2458
|
+
.p-overlaybadge .bcc-avatar.p-avatar-circle.lg ~ .p-badge,
|
|
2459
|
+
.p-overlaybadge .bcc-avatar.p-avatar-circle.xl ~ .p-badge {
|
|
2460
|
+
transform: translate(40%, -40%);
|
|
2461
|
+
}
|
|
2427
2462
|
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2463
|
+
.p-overlaybadge .bcc-avatar.p-avatar-circle.xxxl ~ .p-badge,
|
|
2464
|
+
.p-overlaybadge .bcc-avatar.p-avatar-circle.xxl ~ .p-badge {
|
|
2465
|
+
transform: translate(20%, -20%);
|
|
2466
|
+
}
|
|
2432
2467
|
}
|
|
2433
2468
|
|
|
2434
2469
|
|
|
2470
|
+
|
|
2435
2471
|
/* from ./BccTabs/BccTabs.css */
|
|
2436
2472
|
@layer components {
|
|
2437
2473
|
.bcc-tabs-fill.p-tabs {
|
|
@@ -2450,6 +2486,9 @@
|
|
|
2450
2486
|
height: 100%;
|
|
2451
2487
|
overflow: auto;
|
|
2452
2488
|
}
|
|
2489
|
+
.bcc-tabs-fluid.p-tabs {
|
|
2490
|
+
width: 100%;
|
|
2491
|
+
}
|
|
2453
2492
|
}
|
|
2454
2493
|
|
|
2455
2494
|
|
|
@@ -2478,6 +2517,7 @@
|
|
|
2478
2517
|
@apply m-0 p-0 font-sans antialiased;
|
|
2479
2518
|
-webkit-font-smoothing: antialiased;
|
|
2480
2519
|
-moz-osx-font-smoothing: grayscale;
|
|
2520
|
+
line-height: 1.2;
|
|
2481
2521
|
}
|
|
2482
2522
|
|
|
2483
2523
|
hr {
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { VueComponent } from '@/types';
|
|
2
|
+
import { type Component } from 'vue';
|
|
3
|
+
export type BccAppNavigationItem = {
|
|
4
|
+
key: string;
|
|
5
|
+
title: string;
|
|
6
|
+
icon: Component;
|
|
7
|
+
pin?: number;
|
|
8
|
+
/** Any additional properties will be passed to the component.
|
|
9
|
+
* @example
|
|
10
|
+
* {
|
|
11
|
+
* href: '/',
|
|
12
|
+
* target: '_blank',
|
|
13
|
+
* } or for router link:
|
|
14
|
+
* {
|
|
15
|
+
* to: '/',
|
|
16
|
+
* replace: true,
|
|
17
|
+
* }
|
|
18
|
+
*/
|
|
19
|
+
[key: string]: unknown;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_Props = {
|
|
22
|
+
items: BccAppNavigationItem[];
|
|
23
|
+
linkComponent?: VueComponent;
|
|
24
|
+
activeKey?: BccAppNavigationItem['key'] | null;
|
|
25
|
+
};
|
|
26
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
27
|
+
select: (item: BccAppNavigationItem) => any;
|
|
28
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
29
|
+
onSelect?: ((item: BccAppNavigationItem) => any) | undefined;
|
|
30
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
31
|
+
declare const _default: typeof __VLS_export;
|
|
32
|
+
export default _default;
|
|
@@ -13,6 +13,7 @@ export type BadgeProps = {
|
|
|
13
13
|
squared?: boolean;
|
|
14
14
|
/** Design context (e.g. neutral, brand) used for background and text color. */
|
|
15
15
|
context?: BCC_CONTEXT;
|
|
16
|
+
gradient?: boolean;
|
|
16
17
|
};
|
|
17
18
|
declare var __VLS_1: {};
|
|
18
19
|
type __VLS_Slots = {} & {
|
|
@@ -21,6 +22,7 @@ type __VLS_Slots = {} & {
|
|
|
21
22
|
declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
|
|
22
23
|
size: "sm" | "md" | "lg" | "xl";
|
|
23
24
|
context: BCC_CONTEXT;
|
|
25
|
+
gradient: boolean;
|
|
24
26
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
27
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
28
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { BCC_CONTEXT } from '@/contexts';
|
|
1
2
|
export type CapacityIndicatorProps = {
|
|
2
3
|
/** Total capacity; use -1 for “unlimited” (shows an infinity-style icon instead of a bar). */
|
|
3
4
|
total: number;
|
|
@@ -11,6 +12,8 @@ export type CapacityIndicatorProps = {
|
|
|
11
12
|
squared?: boolean;
|
|
12
13
|
/** When true, applies warning/full color states (e.g. color change at high usage). */
|
|
13
14
|
colored?: boolean;
|
|
15
|
+
/** Design context (e.g. neutral, brand) used for background and text color. */
|
|
16
|
+
context?: BCC_CONTEXT;
|
|
14
17
|
};
|
|
15
18
|
declare const __VLS_export: import("vue").DefineComponent<CapacityIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CapacityIndicatorProps> & Readonly<{}>, {
|
|
16
19
|
size: "xs" | "sm" | "base" | "lg";
|
|
@@ -44,6 +44,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
44
44
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
45
45
|
}>, {
|
|
46
46
|
size: number;
|
|
47
|
+
duration: number;
|
|
47
48
|
colored: boolean;
|
|
48
49
|
arcWidth: number;
|
|
49
50
|
min: number;
|
|
@@ -51,7 +52,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
51
52
|
steps: number;
|
|
52
53
|
showHandle: boolean;
|
|
53
54
|
hideArrows: boolean;
|
|
54
|
-
duration: number;
|
|
55
55
|
animateRotations: number;
|
|
56
56
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
57
57
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -4,8 +4,8 @@ declare const __VLS_export: import("vue").DefineComponent<ReactProps, {}, {}, {}
|
|
|
4
4
|
}, string, import("vue").PublicProps, Readonly<ReactProps> & Readonly<{
|
|
5
5
|
onToggle?: ((id: string) => any) | undefined;
|
|
6
6
|
}>, {
|
|
7
|
-
top: boolean;
|
|
8
7
|
placeholder: string;
|
|
8
|
+
top: boolean;
|
|
9
9
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
10
|
declare const _default: typeof __VLS_export;
|
|
11
11
|
export default _default;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { type Component } from 'vue';
|
|
2
|
+
export type TopNavigationProps = {
|
|
3
|
+
title?: string | (() => string);
|
|
4
|
+
subtitle?: string | (() => string);
|
|
5
|
+
left?: ((...args: unknown[]) => Component | null) | Component | string | 'event-logo';
|
|
6
|
+
right?: ((...args: unknown[]) => Component | null) | Component | string;
|
|
7
|
+
hideBack?: boolean;
|
|
8
|
+
backTitle?: string;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_Props = TopNavigationProps & {
|
|
11
|
+
relative?: boolean;
|
|
12
|
+
fixed?: boolean;
|
|
13
|
+
padded?: boolean;
|
|
14
|
+
transparent?: boolean;
|
|
15
|
+
glass?: boolean;
|
|
16
|
+
backTitle?: string;
|
|
17
|
+
force?: boolean;
|
|
18
|
+
titleLeft?: boolean;
|
|
19
|
+
};
|
|
20
|
+
declare var __VLS_1: {
|
|
21
|
+
title: {
|
|
22
|
+
title: string;
|
|
23
|
+
subtitle: string;
|
|
24
|
+
};
|
|
25
|
+
}, __VLS_13: {}, __VLS_20: {};
|
|
26
|
+
type __VLS_Slots = {} & {
|
|
27
|
+
default?: (props: typeof __VLS_1) => any;
|
|
28
|
+
} & {
|
|
29
|
+
right?: (props: typeof __VLS_13) => any;
|
|
30
|
+
} & {
|
|
31
|
+
bottom?: (props: typeof __VLS_20) => any;
|
|
32
|
+
};
|
|
33
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
34
|
+
back: () => any;
|
|
35
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
36
|
+
onBack?: (() => any) | undefined;
|
|
37
|
+
}>, {
|
|
38
|
+
hideBack: boolean;
|
|
39
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
40
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
41
|
+
declare const _default: typeof __VLS_export;
|
|
42
|
+
export default _default;
|
|
43
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
44
|
+
new (): {
|
|
45
|
+
$slots: S;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* Custom BCC components (not based on PrimeVue).
|
|
3
3
|
* Add new custom components here and export them from this file.
|
|
4
4
|
*/
|
|
5
|
+
export { default as BccAppNavigation } from './BccAppNavigation/BccAppNavigation.vue';
|
|
5
6
|
export { default as BccBadge } from './BccBadge/BccBadge.vue';
|
|
6
7
|
export { default as BccCapacityIndicator } from './BccCapacityIndicator/BccCapacityIndicator.vue';
|
|
7
8
|
export { default as BccCircleLoader } from './BccCircleLoader/BccCircleLoader.vue';
|
|
@@ -14,6 +15,8 @@ export { default as BccReact } from './BccReact/BccReact.vue';
|
|
|
14
15
|
export { default as BccReactEmoji } from './BccReact/BccReactEmoji.vue';
|
|
15
16
|
export { default as BccStepIndicator } from './BccStepIndicator/BccStepIndicator.vue';
|
|
16
17
|
export { default as BccTag } from './BccTag/BccTag.vue';
|
|
18
|
+
export { default as BccTopNavigation } from './BccTopNavigation/BccTopNavigation.vue';
|
|
19
|
+
export type { BccAppNavigationItem } from './BccAppNavigation/BccAppNavigation.vue';
|
|
17
20
|
export type { BadgeProps } from './BccBadge/BccBadge.vue';
|
|
18
21
|
export type { CapacityIndicatorProps } from './BccCapacityIndicator/BccCapacityIndicator.vue';
|
|
19
22
|
export type { KnobProps, KnobSlots } from './BccDialKnob/BccDialKnob.vue';
|
|
@@ -24,3 +27,4 @@ export type { NpsScoreProps } from './BccNpsScore/BccNpsScore.vue';
|
|
|
24
27
|
export type { ReactInfo, ReactProps } from './BccReact/types';
|
|
25
28
|
export type { StepIndicatorProps } from './BccStepIndicator/BccStepIndicator.vue';
|
|
26
29
|
export type { TagProps } from './BccTag/BccTag.vue';
|
|
30
|
+
export type { TopNavigationProps } from './BccTopNavigation/BccTopNavigation.vue';
|
|
@@ -12,7 +12,7 @@ export type AvatarProps = Omit<PrimeAvatarProps, 'shape' | 'size'> & {
|
|
|
12
12
|
/** Adds a visible border around the avatar. */
|
|
13
13
|
bordered?: boolean;
|
|
14
14
|
/** Controls the avatar dimensions; maps to CSS size classes (xs through xxl). Default: md */
|
|
15
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
15
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
|
|
16
16
|
};
|
|
17
17
|
declare const __VLS_export: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
18
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type ImageProps as PrimeImageProps } from 'primevue/image';
|
|
2
|
+
export type ImageProps = PrimeImageProps;
|
|
3
|
+
declare var __VLS_9: {}, __VLS_17: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
refresh?: (props: typeof __VLS_9) => any;
|
|
6
|
+
} & {
|
|
7
|
+
undo?: (props: typeof __VLS_17) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import("vue").DefineComponent<PrimeImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimeImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import type { VueComponent } from '@/types';
|
|
2
|
+
import { type MenuMethods as PrimeMenuMethods, type MenuProps as PrimeMenuProps } from 'primevue/menu';
|
|
2
3
|
import type { MenuItem } from 'primevue/menuitem';
|
|
3
4
|
/** Menu item model for BccMenu: icon can be a PrimeVue icon class string or a Vue icon component. */
|
|
4
5
|
export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
|
|
5
|
-
icon?:
|
|
6
|
+
icon?: VueComponent;
|
|
6
7
|
items?: BccMenuItem[];
|
|
7
8
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
9
|
+
export type MenuProps = {
|
|
10
|
+
model?: BccMenuItem[];
|
|
11
|
+
} & Omit<PrimeMenuProps, 'model'>;
|
|
12
|
+
declare const __VLS_export: import("vue").DefineComponent<MenuProps, PrimeMenuMethods, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
13
|
declare const _default: typeof __VLS_export;
|
|
14
14
|
export default _default;
|
|
@@ -3,10 +3,12 @@ import { type MessageProps as PrimeMessageProps } from 'primevue/message';
|
|
|
3
3
|
export type MessageProps = Omit<PrimeMessageProps, 'icon'> & {
|
|
4
4
|
icon?: boolean | VueComponent;
|
|
5
5
|
iconRight?: VueComponent | boolean;
|
|
6
|
+
title?: string;
|
|
7
|
+
message?: string;
|
|
6
8
|
};
|
|
7
|
-
declare var
|
|
9
|
+
declare var __VLS_19: {};
|
|
8
10
|
type __VLS_Slots = {} & {
|
|
9
|
-
default?: (props: typeof
|
|
11
|
+
default?: (props: typeof __VLS_19) => any;
|
|
10
12
|
};
|
|
11
13
|
declare const __VLS_base: import("vue").DefineComponent<MessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
14
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type RadioButtonProps as PrimeRadioButtonProps } from 'primevue/radiobutton';
|
|
2
|
+
export type RadioButtonProps = PrimeRadioButtonProps & {
|
|
3
|
+
label?: string;
|
|
4
|
+
labelLeft?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_6: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_6) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<RadioButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -14,6 +14,17 @@ export type ToggleProps = ToggleSwitchProps & {
|
|
|
14
14
|
/** When true, applies context-aware styling (e.g. from design tokens/theme). */
|
|
15
15
|
useCtx?: boolean;
|
|
16
16
|
};
|
|
17
|
-
|
|
17
|
+
type __VLS_Props = ToggleProps;
|
|
18
|
+
type __VLS_ModelProps = {
|
|
19
|
+
modelValue: boolean;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
22
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
23
|
+
"update:modelValue": (value: boolean) => any;
|
|
24
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
25
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
defaultValue: string | boolean;
|
|
28
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
29
|
declare const _default: typeof __VLS_export;
|
|
19
30
|
export default _default;
|
|
@@ -6,9 +6,12 @@ export { default as BccAvatar } from './BccAvatar/BccAvatar.vue';
|
|
|
6
6
|
export { default as BccButton } from './BccButton.vue';
|
|
7
7
|
export { default as BccCheckbox } from './BccCheckbox.vue';
|
|
8
8
|
export { default as BccChip } from './BccChip/BccChip.vue';
|
|
9
|
+
export { default as BccConfirmDialog } from './BccConfirmDialog/BccConfirmDialog.vue';
|
|
10
|
+
export { default as BccImage } from './BccImage.vue';
|
|
9
11
|
export { default as BccInput } from './BccInput.vue';
|
|
10
12
|
export { default as BccMenu } from './BccMenu/BccMenu.vue';
|
|
11
13
|
export { default as BccMessage } from './BccMessage.vue';
|
|
14
|
+
export { default as BccRadioButton } from './BccRadioButton.vue';
|
|
12
15
|
export { default as BccTabs } from './BccTabs/BccTabs.vue';
|
|
13
16
|
export { default as BccToggle } from './BccToggle/BccToggle.vue';
|
|
14
17
|
export { default as BccToggleButton } from './BccToggleButton.vue';
|
|
@@ -16,9 +19,11 @@ export type { AvatarProps } from './BccAvatar/BccAvatar.vue';
|
|
|
16
19
|
export type { ButtonProps } from './BccButton.vue';
|
|
17
20
|
export type { CheckboxProps } from './BccCheckbox.vue';
|
|
18
21
|
export type { ChipProps } from './BccChip/BccChip.vue';
|
|
22
|
+
export type { ImageProps } from './BccImage.vue';
|
|
19
23
|
export type { InputProps } from './BccInput.vue';
|
|
20
|
-
export type { BccMenuItem } from './BccMenu/BccMenu.vue';
|
|
24
|
+
export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
|
|
21
25
|
export type { MessageProps } from './BccMessage.vue';
|
|
26
|
+
export type { RadioButtonProps } from './BccRadioButton.vue';
|
|
22
27
|
export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
|
|
23
28
|
export type { ToggleProps } from './BccToggle/BccToggle.vue';
|
|
24
29
|
export type { ToggleButtonProps } from './BccToggleButton.vue';
|
package/dist-types/index.d.ts
CHANGED
|
@@ -65,7 +65,6 @@ export { default as BccFocusTrap } from 'primevue/focustrap';
|
|
|
65
65
|
export { default as BccGalleria } from 'primevue/galleria';
|
|
66
66
|
export { default as BccIconField } from 'primevue/iconfield';
|
|
67
67
|
export { default as BccIftaLabel } from 'primevue/iftalabel';
|
|
68
|
-
export { default as BccImage } from 'primevue/image';
|
|
69
68
|
export { default as BccImageCompare } from 'primevue/imagecompare';
|
|
70
69
|
export { default as BccInplace } from 'primevue/inplace';
|
|
71
70
|
export { default as BccInputChips } from 'primevue/inputchips';
|
|
@@ -80,7 +79,6 @@ export { default as BccKeyFilter } from 'primevue/keyfilter';
|
|
|
80
79
|
export { default as BccKnob } from 'primevue/knob';
|
|
81
80
|
export { default as BccListbox } from 'primevue/listbox';
|
|
82
81
|
export { default as BccMegaMenu } from 'primevue/megamenu';
|
|
83
|
-
export { BccMenu, type BccMenuItem } from './components/wrapped';
|
|
84
82
|
export { default as BccMenubar } from 'primevue/menubar';
|
|
85
83
|
export { default as BccMeterGroup } from 'primevue/metergroup';
|
|
86
84
|
export { default as BccMultiSelect } from 'primevue/multiselect';
|
|
@@ -96,7 +94,6 @@ export { default as BccPopover } from 'primevue/popover';
|
|
|
96
94
|
export { default as BccPortal } from 'primevue/portal';
|
|
97
95
|
export { default as BccProgressBar } from 'primevue/progressbar';
|
|
98
96
|
export { default as BccProgressSpinner } from 'primevue/progressspinner';
|
|
99
|
-
export { default as BccRadioButton } from 'primevue/radiobutton';
|
|
100
97
|
export { default as BccRadioButtonGroup } from 'primevue/radiobuttongroup';
|
|
101
98
|
export { default as BccRating } from 'primevue/rating';
|
|
102
99
|
export { default as BccRipple } from 'primevue/ripple';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bcc-code/component-library-vue",
|
|
3
|
-
"version": "0.0.0-dev.
|
|
3
|
+
"version": "0.0.0-dev.8327377",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Extended Vue component library based on PrimeVue and BCC design tokens",
|
|
6
6
|
"repository": "https://github.com/bcc-code/bcc-design.git",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"create-version": "node ./scripts/version.cjs"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
|
-
"@bcc-code/design-tokens": "^5.1.
|
|
56
|
+
"@bcc-code/design-tokens": "^5.1.49",
|
|
57
57
|
"@bcc-code/icons-vue": "^1.4.0",
|
|
58
58
|
"@primeuix/themes": "^2.0.3",
|
|
59
59
|
"@tailwindcss/vite": "^4.1.18",
|