@bcc-code/component-library-vue 0.0.0-dev.d519e03 → 0.0.0-dev.d712619
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 +41514 -39052
- package/dist/component-library.umd.cjs +517 -517
- package/dist/index.css +1 -1
- package/dist/theme.css +180 -137
- package/dist-types/components/custom/BccAppNavigation/BccAppNavigation.vue.d.ts +32 -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/BccTopNavigation/BccTopNavigation.vue.d.ts +47 -0
- package/dist-types/components/custom/index.d.ts +4 -0
- package/dist-types/components/wrapped/BccImage.vue.d.ts +17 -0
- package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts +2 -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 +7 -2
- package/dist-types/components/wrapped/index.d.ts +4 -0
- package/dist-types/index.d.ts +0 -2
- 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
|
}
|
|
@@ -1901,82 +1902,135 @@
|
|
|
1901
1902
|
z-index: 2;
|
|
1902
1903
|
}
|
|
1903
1904
|
|
|
1904
|
-
.p-dialog-close-button
|
|
1905
|
-
|
|
1906
|
-
width: var(--icon-size-sm);
|
|
1905
|
+
.p-dialog-close-button {
|
|
1906
|
+
--p-icon-size: var(--icon-size-sm);
|
|
1907
1907
|
}
|
|
1908
1908
|
.p-dialog .p-button-icon:empty {
|
|
1909
1909
|
display: none;
|
|
1910
1910
|
}
|
|
1911
1911
|
|
|
1912
|
+
.p-togglebutton {
|
|
1913
|
+
font-size: var(--text-sm);
|
|
1914
|
+
border: 0;
|
|
1915
|
+
}
|
|
1916
|
+
|
|
1917
|
+
.p-togglebutton-sm {
|
|
1918
|
+
font-size: var(--text-sm);
|
|
1919
|
+
}
|
|
1920
|
+
|
|
1921
|
+
.p-togglebutton-lg {
|
|
1922
|
+
font-size: var(--text-md);
|
|
1923
|
+
}
|
|
1924
|
+
|
|
1912
1925
|
|
|
1913
1926
|
|
|
1914
1927
|
|
|
1915
1928
|
/* === ./components/custom/styles.css === */
|
|
1916
1929
|
|
|
1930
|
+
/* from ./BccAppNavigation/BccAppNavigation.css */
|
|
1931
|
+
@layer components {
|
|
1932
|
+
.bcc-app-nav {
|
|
1933
|
+
@apply bg-elevation-surface-default dark:border-brand-800 sticky inset-x-0 bottom-0 z-20 overflow-visible shadow-md sm:rounded-t-xl dark:border-t;
|
|
1934
|
+
}
|
|
1935
|
+
.bcc-app-nav-container {
|
|
1936
|
+
@apply center pb-inset-bottom-1 mx-auto max-w-lg pt-1;
|
|
1937
|
+
}
|
|
1938
|
+
|
|
1939
|
+
.bcc-app-nav-item {
|
|
1940
|
+
@apply ctx-gray-subtlest text-ctx relative flex h-12 flex-1 flex-col items-center justify-center gap-1 transition-colors focus:ring-0 focus:outline-none;
|
|
1941
|
+
}
|
|
1942
|
+
|
|
1943
|
+
.bcc-nav-item-icon {
|
|
1944
|
+
@apply size-6 opacity-50;
|
|
1945
|
+
}
|
|
1946
|
+
|
|
1947
|
+
.bcc-nav-item-badge {
|
|
1948
|
+
@apply absolute top-0 right-1 opacity-75;
|
|
1949
|
+
}
|
|
1950
|
+
|
|
1951
|
+
.bcc-nav-item-title {
|
|
1952
|
+
@apply text-heading-xs text-center opacity-50;
|
|
1953
|
+
}
|
|
1954
|
+
|
|
1955
|
+
.bcc-app-nav-item--active {
|
|
1956
|
+
@apply text-selected;
|
|
1957
|
+
}
|
|
1958
|
+
|
|
1959
|
+
.bcc-app-nav-item--active .bcc-nav-item-icon,
|
|
1960
|
+
.bcc-app-nav-item--active .bcc-nav-item-badge,
|
|
1961
|
+
.bcc-app-nav-item--active .bcc-nav-item-title {
|
|
1962
|
+
@apply opacity-100;
|
|
1963
|
+
}
|
|
1964
|
+
}
|
|
1965
|
+
|
|
1966
|
+
|
|
1967
|
+
|
|
1917
1968
|
/* from ./BccBadge/BccBadge.css */
|
|
1918
1969
|
@layer components {
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
@apply bg-ctx text-ctx;
|
|
1923
|
-
}
|
|
1970
|
+
.bcc-badge {
|
|
1971
|
+
@apply inline-flex shrink-0 items-center justify-center gap-1 rounded-full leading-none whitespace-nowrap;
|
|
1924
1972
|
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
}
|
|
1928
|
-
.bcc-badge.gradient {
|
|
1929
|
-
@apply ctx-gradient;
|
|
1930
|
-
}
|
|
1931
|
-
.bcc-badge.sm {
|
|
1932
|
-
@apply w-4 h-4 text-heading-xs;
|
|
1933
|
-
}
|
|
1934
|
-
.bcc-badge.md {
|
|
1935
|
-
@apply h-5 w-5 text-heading-sm;
|
|
1936
|
-
}
|
|
1937
|
-
.bcc-badge.lg {
|
|
1938
|
-
@apply w-6 h-6 text-heading-md;
|
|
1939
|
-
}
|
|
1940
|
-
.bcc-badge.xl {
|
|
1941
|
-
@apply w-8 h-8 text-heading-md;
|
|
1942
|
-
}
|
|
1973
|
+
@apply bg-ctx text-ctx;
|
|
1974
|
+
}
|
|
1943
1975
|
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1976
|
+
.bcc-badge.capital {
|
|
1977
|
+
@apply inline-flex;
|
|
1978
|
+
}
|
|
1979
|
+
.bcc-badge.gradient {
|
|
1980
|
+
@apply ctx-gradient;
|
|
1981
|
+
}
|
|
1982
|
+
.bcc-badge.sm {
|
|
1983
|
+
@apply text-heading-xs h-4 w-4;
|
|
1984
|
+
}
|
|
1985
|
+
.bcc-badge.md {
|
|
1986
|
+
@apply text-heading-sm h-5 w-5;
|
|
1987
|
+
}
|
|
1988
|
+
.bcc-badge.lg {
|
|
1989
|
+
@apply text-heading-md h-6 w-6;
|
|
1990
|
+
}
|
|
1991
|
+
.bcc-badge.xl {
|
|
1992
|
+
@apply text-heading-md h-8 w-8;
|
|
1993
|
+
}
|
|
1953
1994
|
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
.bcc-badge-text.bordered.lg, .bcc-badge-text.bordered.xl {
|
|
1964
|
-
@apply px-1;
|
|
1965
|
-
}
|
|
1995
|
+
.bcc-badge .bcc-badge-icon {
|
|
1996
|
+
@apply size-4;
|
|
1997
|
+
}
|
|
1998
|
+
.bcc-badge.lg .bcc-badge-icon {
|
|
1999
|
+
@apply size-5;
|
|
2000
|
+
}
|
|
2001
|
+
.bcc-badge.xl .bcc-badge-icon {
|
|
2002
|
+
@apply size-6;
|
|
2003
|
+
}
|
|
1966
2004
|
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
2005
|
+
.bcc-badge.bcc-badge-text {
|
|
2006
|
+
@apply w-auto px-2;
|
|
2007
|
+
}
|
|
2008
|
+
.bcc-badge-text.lg,
|
|
2009
|
+
.bcc-badge-text.xl {
|
|
2010
|
+
@apply px-3;
|
|
2011
|
+
}
|
|
2012
|
+
.bcc-badge-text.border.lg,
|
|
2013
|
+
.bcc-badge-text.border.xl {
|
|
2014
|
+
@apply px-2;
|
|
2015
|
+
}
|
|
2016
|
+
.bcc-badge-text.bordered.lg,
|
|
2017
|
+
.bcc-badge-text.bordered.xl {
|
|
2018
|
+
@apply px-1;
|
|
2019
|
+
}
|
|
1971
2020
|
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
2021
|
+
.bcc-badge.border {
|
|
2022
|
+
@apply border-1;
|
|
2023
|
+
border-color: var(--ctx-background-pressed);
|
|
2024
|
+
}
|
|
1976
2025
|
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
2026
|
+
.bcc-badge.bordered {
|
|
2027
|
+
@apply border-2;
|
|
2028
|
+
border-color: var(--ctx-background-pressed);
|
|
2029
|
+
}
|
|
2030
|
+
|
|
2031
|
+
.bcc-badge.squared {
|
|
2032
|
+
@apply rounded-sm;
|
|
2033
|
+
}
|
|
1980
2034
|
}
|
|
1981
2035
|
|
|
1982
2036
|
|
|
@@ -2025,6 +2079,7 @@
|
|
|
2025
2079
|
|
|
2026
2080
|
.bcc-capacity-indicator.is-warning {
|
|
2027
2081
|
@apply ctx-yellow-subtlest;
|
|
2082
|
+
--bcc-capacity-indicator-circle: var(--ctx-background);
|
|
2028
2083
|
}
|
|
2029
2084
|
|
|
2030
2085
|
.bcc-capacity-indicator.is-full {
|
|
@@ -2378,91 +2433,74 @@
|
|
|
2378
2433
|
|
|
2379
2434
|
/* from ./BccAvatar/BccAvatar.css */
|
|
2380
2435
|
@layer components {
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
.bcc-avatar .icon {
|
|
2389
|
-
height: var(--icon-size-sm);
|
|
2390
|
-
}
|
|
2436
|
+
.bcc-avatar {
|
|
2437
|
+
--p-avatar-background: var(--ctx-background);
|
|
2438
|
+
--p-avatar-color: var(--ctx-text);
|
|
2439
|
+
--bcc-avatar-border: var(--ctx-border);
|
|
2440
|
+
--p-icon-size: var(--icon-size-sm);
|
|
2441
|
+
@apply ctx-gray-subtler shrink-0 overflow-hidden text-sm;
|
|
2442
|
+
}
|
|
2391
2443
|
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
|
|
2405
|
-
|
|
2406
|
-
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2420
|
-
|
|
2421
|
-
|
|
2422
|
-
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
.bcc-avatar.xl .icon {
|
|
2439
|
-
height: var(--icon-size-lg);
|
|
2440
|
-
}
|
|
2441
|
-
.bcc-avatar.xxl {
|
|
2442
|
-
@apply size-20 text-3xl;
|
|
2443
|
-
}
|
|
2444
|
-
.bcc-avatar.xxl .icon {
|
|
2445
|
-
height: var(--icon-size-xl);
|
|
2446
|
-
}
|
|
2447
|
-
.bcc-avatar.xxxl {
|
|
2448
|
-
@apply size-24 text-4xl;
|
|
2449
|
-
}
|
|
2450
|
-
.bcc-avatar.xxxl .icon {
|
|
2451
|
-
height: var(--icon-size-xl);
|
|
2452
|
-
}
|
|
2444
|
+
.bcc-avatar.male,
|
|
2445
|
+
.bcc-avatar.M {
|
|
2446
|
+
@apply ctx-blue-subtler;
|
|
2447
|
+
}
|
|
2448
|
+
.bcc-avatar.female,
|
|
2449
|
+
.bcc-avatar.F {
|
|
2450
|
+
@apply ctx-purple-subtler;
|
|
2451
|
+
}
|
|
2452
|
+
.bcc-avatar.male.child,
|
|
2453
|
+
.bcc-avatar.M.child {
|
|
2454
|
+
@apply ctx-teal-subtler;
|
|
2455
|
+
}
|
|
2456
|
+
.bcc-avatar.female.child,
|
|
2457
|
+
.bcc-avatar.F.child {
|
|
2458
|
+
@apply ctx-magenta-subtler;
|
|
2459
|
+
}
|
|
2460
|
+
.bcc-avatar.bordered {
|
|
2461
|
+
@apply border-ctx border-2;
|
|
2462
|
+
}
|
|
2463
|
+
.bcc-avatar.xs {
|
|
2464
|
+
@apply size-5 text-xs;
|
|
2465
|
+
--p-icon-size: var(--icon-size-xs);
|
|
2466
|
+
}
|
|
2467
|
+
.bcc-avatar.sm {
|
|
2468
|
+
@apply size-6 text-xs;
|
|
2469
|
+
--p-icon-size: var(--icon-size-xs);
|
|
2470
|
+
}
|
|
2471
|
+
/* .bcc-avatar.md {
|
|
2472
|
+
same as default
|
|
2473
|
+
}*/
|
|
2474
|
+
.bcc-avatar.lg {
|
|
2475
|
+
@apply text-md size-10;
|
|
2476
|
+
--p-icon-size: var(--icon-size-md);
|
|
2477
|
+
}
|
|
2478
|
+
.bcc-avatar.xl {
|
|
2479
|
+
@apply size-12 text-xl;
|
|
2480
|
+
--p-icon-size: var(--icon-size-lg);
|
|
2481
|
+
}
|
|
2482
|
+
.bcc-avatar.xxl {
|
|
2483
|
+
@apply size-20 text-3xl;
|
|
2484
|
+
--p-icon-size: var(--icon-size-xl);
|
|
2485
|
+
}
|
|
2486
|
+
.bcc-avatar.xxxl {
|
|
2487
|
+
@apply size-24 text-4xl;
|
|
2488
|
+
--p-icon-size: var(--icon-size-xl);
|
|
2489
|
+
}
|
|
2453
2490
|
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2491
|
+
.p-overlaybadge .bcc-avatar.p-avatar-circle.lg ~ .p-badge,
|
|
2492
|
+
.p-overlaybadge .bcc-avatar.p-avatar-circle.xl ~ .p-badge {
|
|
2493
|
+
transform: translate(40%, -40%);
|
|
2494
|
+
}
|
|
2458
2495
|
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
|
|
2462
|
-
|
|
2496
|
+
.p-overlaybadge .bcc-avatar.p-avatar-circle.xxxl ~ .p-badge,
|
|
2497
|
+
.p-overlaybadge .bcc-avatar.p-avatar-circle.xxl ~ .p-badge {
|
|
2498
|
+
transform: translate(20%, -20%);
|
|
2499
|
+
}
|
|
2463
2500
|
}
|
|
2464
2501
|
|
|
2465
2502
|
|
|
2503
|
+
|
|
2466
2504
|
/* from ./BccTabs/BccTabs.css */
|
|
2467
2505
|
@layer components {
|
|
2468
2506
|
.bcc-tabs-fill.p-tabs {
|
|
@@ -2481,6 +2519,9 @@
|
|
|
2481
2519
|
height: 100%;
|
|
2482
2520
|
overflow: auto;
|
|
2483
2521
|
}
|
|
2522
|
+
.bcc-tabs-fluid.p-tabs {
|
|
2523
|
+
width: 100%;
|
|
2524
|
+
}
|
|
2484
2525
|
}
|
|
2485
2526
|
|
|
2486
2527
|
|
|
@@ -2509,6 +2550,8 @@
|
|
|
2509
2550
|
@apply m-0 p-0 font-sans antialiased;
|
|
2510
2551
|
-webkit-font-smoothing: antialiased;
|
|
2511
2552
|
-moz-osx-font-smoothing: grayscale;
|
|
2553
|
+
line-height: 1.2;
|
|
2554
|
+
font-kerning: normal;
|
|
2512
2555
|
}
|
|
2513
2556
|
|
|
2514
2557
|
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;
|
|
@@ -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';
|
|
@@ -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,5 +1,5 @@
|
|
|
1
1
|
import type { VueComponent } from '@/types';
|
|
2
|
-
import { type MenuProps as PrimeMenuProps } from 'primevue/menu';
|
|
2
|
+
import { type MenuMethods as PrimeMenuMethods, type MenuProps as PrimeMenuProps } from 'primevue/menu';
|
|
3
3
|
import type { MenuItem } from 'primevue/menuitem';
|
|
4
4
|
/** Menu item model for BccMenu: icon can be a PrimeVue icon class string or a Vue icon component. */
|
|
5
5
|
export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
|
|
@@ -9,10 +9,6 @@ export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
|
|
|
9
9
|
export type MenuProps = {
|
|
10
10
|
model?: BccMenuItem[];
|
|
11
11
|
} & Omit<PrimeMenuProps, 'model'>;
|
|
12
|
-
declare const __VLS_export: import("vue").DefineComponent<MenuProps, {
|
|
13
|
-
toggle: (event: Event, target?: unknown) => void | undefined;
|
|
14
|
-
show: (event: Event, target?: unknown) => void | undefined;
|
|
15
|
-
hide: () => void | undefined;
|
|
16
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
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>;
|
|
17
13
|
declare const _default: typeof __VLS_export;
|
|
18
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,9 +14,14 @@ 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, {
|
|
18
23
|
"update:modelValue": (value: boolean) => any;
|
|
19
|
-
}, string, import("vue").PublicProps, Readonly<
|
|
24
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
20
25
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
21
26
|
}>, {
|
|
22
27
|
defaultValue: string | boolean;
|
|
@@ -7,9 +7,11 @@ 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
9
|
export { default as BccConfirmDialog } from './BccConfirmDialog/BccConfirmDialog.vue';
|
|
10
|
+
export { default as BccImage } from './BccImage.vue';
|
|
10
11
|
export { default as BccInput } from './BccInput.vue';
|
|
11
12
|
export { default as BccMenu } from './BccMenu/BccMenu.vue';
|
|
12
13
|
export { default as BccMessage } from './BccMessage.vue';
|
|
14
|
+
export { default as BccRadioButton } from './BccRadioButton.vue';
|
|
13
15
|
export { default as BccTabs } from './BccTabs/BccTabs.vue';
|
|
14
16
|
export { default as BccToggle } from './BccToggle/BccToggle.vue';
|
|
15
17
|
export { default as BccToggleButton } from './BccToggleButton.vue';
|
|
@@ -17,9 +19,11 @@ export type { AvatarProps } from './BccAvatar/BccAvatar.vue';
|
|
|
17
19
|
export type { ButtonProps } from './BccButton.vue';
|
|
18
20
|
export type { CheckboxProps } from './BccCheckbox.vue';
|
|
19
21
|
export type { ChipProps } from './BccChip/BccChip.vue';
|
|
22
|
+
export type { ImageProps } from './BccImage.vue';
|
|
20
23
|
export type { InputProps } from './BccInput.vue';
|
|
21
24
|
export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
|
|
22
25
|
export type { MessageProps } from './BccMessage.vue';
|
|
26
|
+
export type { RadioButtonProps } from './BccRadioButton.vue';
|
|
23
27
|
export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
|
|
24
28
|
export type { ToggleProps } from './BccToggle/BccToggle.vue';
|
|
25
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';
|
|
@@ -95,7 +94,6 @@ export { default as BccPopover } from 'primevue/popover';
|
|
|
95
94
|
export { default as BccPortal } from 'primevue/portal';
|
|
96
95
|
export { default as BccProgressBar } from 'primevue/progressbar';
|
|
97
96
|
export { default as BccProgressSpinner } from 'primevue/progressspinner';
|
|
98
|
-
export { default as BccRadioButton } from 'primevue/radiobutton';
|
|
99
97
|
export { default as BccRadioButtonGroup } from 'primevue/radiobuttongroup';
|
|
100
98
|
export { default as BccRating } from 'primevue/rating';
|
|
101
99
|
export { default as BccRipple } from 'primevue/ripple';
|