@bcc-code/component-library-vue 0.0.0-dev.630f150 → 0.0.0-dev.6678067

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/theme.css CHANGED
@@ -1,10 +1,10 @@
1
1
  /* Layer order: Tailwind base/utilities first, then PrimeVue so component styles win */
2
2
  @layer theme, base, tailwind, primevue;
3
- @import "@bcc-code/design-tokens/css";
3
+ @import '@bcc-code/design-tokens/css';
4
4
 
5
- @import "tailwindcss";
6
- @import "@bcc-code/design-tokens/tailwind";
7
- @import "@bcc-code/design-tokens/primevue/overrides";
5
+ @import 'tailwindcss';
6
+ @import '@bcc-code/design-tokens/tailwind';
7
+ @import '@bcc-code/design-tokens/primevue/overrides';
8
8
 
9
9
 
10
10
  /* === ./styles/theme.css === */
@@ -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
  }
@@ -1852,6 +1853,12 @@
1852
1853
  --p-form-field-lg-font-size: var(--icon-size-md);
1853
1854
  }
1854
1855
 
1856
+ .p-autocomplete .p-autocomplete-clear-icon {
1857
+ /** middle-align the icon */
1858
+ top: calc(50% - var(--icon-size-sm) / 2);
1859
+ margin-top: 0;
1860
+ }
1861
+
1855
1862
  .p-autocomplete-clearable .p-inputtext {
1856
1863
  flex-grow: 1;
1857
1864
  }
@@ -1888,11 +1895,58 @@
1888
1895
  --p-select-placeholder-color: var(--color-dark-neutral-1000);
1889
1896
  }
1890
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
+
1891
1912
 
1892
1913
 
1893
1914
 
1894
1915
  /* === ./components/custom/styles.css === */
1895
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-white 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-brand-700 opacity-100;
1933
+ }
1934
+
1935
+ .dark .bcc-app-nav {
1936
+ @apply bg-neutral-900;
1937
+ }
1938
+
1939
+ .dark .bcc-app-nav .bcc-app-nav-item {
1940
+ @apply opacity-70 text-gray-400;
1941
+ }
1942
+
1943
+ .dark .bcc-app-nav .bcc-app-nav-item--active {
1944
+ @apply text-white;
1945
+ }
1946
+ }
1947
+
1948
+
1949
+
1896
1950
  /* from ./BccBadge/BccBadge.css */
1897
1951
  @layer components {
1898
1952
  .bcc-badge {
@@ -1904,6 +1958,9 @@
1904
1958
  .bcc-badge.capital {
1905
1959
  @apply inline-flex;
1906
1960
  }
1961
+ .bcc-badge.gradient {
1962
+ @apply ctx-gradient;
1963
+ }
1907
1964
  .bcc-badge.sm {
1908
1965
  @apply w-4 h-4 text-heading-xs;
1909
1966
  }
@@ -2354,78 +2411,74 @@
2354
2411
 
2355
2412
  /* from ./BccAvatar/BccAvatar.css */
2356
2413
  @layer components {
2357
- .bcc-avatar {
2358
- --p-avatar-background: var(--ctx-background);
2359
- --p-avatar-color: var(--ctx-text);
2360
- --bcc-avatar-border: var(--ctx-border);
2361
- @apply overflow-hidden shrink-0 ctx-gray-subtler;
2362
- }
2363
- .bcc-avatar.male,
2364
- .bcc-avatar.M {
2365
- @apply ctx-blue-subtler;
2366
- }
2367
- .bcc-avatar.female,
2368
- .bcc-avatar.F {
2369
- @apply ctx-purple-subtler;
2370
- }
2371
- .bcc-avatar.male.child,
2372
- .bcc-avatar.M.child {
2373
- @apply ctx-teal-subtler;
2374
- }
2375
- .bcc-avatar.female.child,
2376
- .bcc-avatar.F.child {
2377
- @apply ctx-magenta-subtler;
2378
- }
2379
- .bcc-avatar.bordered {
2380
- @apply border-2 border-ctx;
2381
- }
2382
- .bcc-avatar.xs {
2383
- @apply size-5 text-xs;
2384
- }
2385
- .bcc-avatar.sm {
2386
- @apply size-6 text-sm;
2387
- }
2388
- .bcc-avatar.md {
2389
- @apply size-8 text-base;
2390
- }
2391
- .bcc-avatar.lg {
2392
- @apply size-10 text-lg;
2393
- }
2394
- .bcc-avatar.xl {
2395
- @apply size-12 text-xl;
2396
- }
2397
- .bcc-avatar.xxl {
2398
- @apply size-20 text-3xl;
2399
- }
2400
- .bcc-avatar.xxxl {
2401
- @apply size-24 text-4xl;
2402
- }
2414
+ .bcc-avatar {
2415
+ --p-avatar-background: var(--ctx-background);
2416
+ --p-avatar-color: var(--ctx-text);
2417
+ --bcc-avatar-border: var(--ctx-border);
2418
+ --p-icon-size: var(--icon-size-sm);
2419
+ @apply ctx-gray-subtler shrink-0 overflow-hidden text-sm;
2420
+ }
2403
2421
 
2404
- .bcc-avatar.squared.lg {
2405
- @apply text-xl;
2406
- }
2407
- .bcc-avatar.squared.xl {
2408
- @apply text-2xl;
2409
- }
2410
- .bcc-avatar.squared.xxl {
2411
- @apply text-4xl;
2412
- }
2413
- .bcc-avatar.squared.xxxl {
2414
- @apply text-5xl;
2415
- }
2422
+ .bcc-avatar.male,
2423
+ .bcc-avatar.M {
2424
+ @apply ctx-blue-subtler;
2425
+ }
2426
+ .bcc-avatar.female,
2427
+ .bcc-avatar.F {
2428
+ @apply ctx-purple-subtler;
2429
+ }
2430
+ .bcc-avatar.male.child,
2431
+ .bcc-avatar.M.child {
2432
+ @apply ctx-teal-subtler;
2433
+ }
2434
+ .bcc-avatar.female.child,
2435
+ .bcc-avatar.F.child {
2436
+ @apply ctx-magenta-subtler;
2437
+ }
2438
+ .bcc-avatar.bordered {
2439
+ @apply border-ctx border-2;
2440
+ }
2441
+ .bcc-avatar.xs {
2442
+ @apply size-5 text-xs;
2443
+ --p-icon-size: var(--icon-size-xs);
2444
+ }
2445
+ .bcc-avatar.sm {
2446
+ @apply size-6 text-xs;
2447
+ --p-icon-size: var(--icon-size-xs);
2448
+ }
2449
+ /* .bcc-avatar.md {
2450
+ same as default
2451
+ }*/
2452
+ .bcc-avatar.lg {
2453
+ @apply text-md size-10;
2454
+ --p-icon-size: var(--icon-size-md);
2455
+ }
2456
+ .bcc-avatar.xl {
2457
+ @apply size-12 text-xl;
2458
+ --p-icon-size: var(--icon-size-lg);
2459
+ }
2460
+ .bcc-avatar.xxl {
2461
+ @apply size-20 text-3xl;
2462
+ --p-icon-size: var(--icon-size-xl);
2463
+ }
2464
+ .bcc-avatar.xxxl {
2465
+ @apply size-24 text-4xl;
2466
+ --p-icon-size: var(--icon-size-xl);
2467
+ }
2416
2468
 
2417
- .p-overlaybadge .bcc-avatar.p-avatar-circle.lg~.p-badge,
2418
- .p-overlaybadge .bcc-avatar.p-avatar-circle.xl~.p-badge {
2419
- transform: translate(40%, -40%);
2420
- }
2469
+ .p-overlaybadge .bcc-avatar.p-avatar-circle.lg ~ .p-badge,
2470
+ .p-overlaybadge .bcc-avatar.p-avatar-circle.xl ~ .p-badge {
2471
+ transform: translate(40%, -40%);
2472
+ }
2421
2473
 
2422
- .p-overlaybadge .bcc-avatar.p-avatar-circle.xxxl~.p-badge,
2423
- .p-overlaybadge .bcc-avatar.p-avatar-circle.xxl~.p-badge {
2424
- transform: translate(20%, -20%);
2425
- }
2474
+ .p-overlaybadge .bcc-avatar.p-avatar-circle.xxxl ~ .p-badge,
2475
+ .p-overlaybadge .bcc-avatar.p-avatar-circle.xxl ~ .p-badge {
2476
+ transform: translate(20%, -20%);
2477
+ }
2426
2478
  }
2427
2479
 
2428
2480
 
2481
+
2429
2482
  /* from ./BccTabs/BccTabs.css */
2430
2483
  @layer components {
2431
2484
  .bcc-tabs-fill.p-tabs {
@@ -2444,6 +2497,9 @@
2444
2497
  height: 100%;
2445
2498
  overflow: auto;
2446
2499
  }
2500
+ .bcc-tabs-fluid.p-tabs {
2501
+ width: 100%;
2502
+ }
2447
2503
  }
2448
2504
 
2449
2505
 
@@ -2466,24 +2522,28 @@
2466
2522
 
2467
2523
 
2468
2524
 
2469
- :root, :host {
2525
+ :root,
2526
+ :host {
2470
2527
  --font-sans: 'Archivo', system-ui, sans-serif;
2471
- @apply font-sans antialiased p-0 m-0;
2472
- -webkit-font-smoothing: antialiased;
2473
- -moz-osx-font-smoothing: grayscale;
2528
+ @apply m-0 p-0 font-sans antialiased;
2529
+ -webkit-font-smoothing: antialiased;
2530
+ -moz-osx-font-smoothing: grayscale;
2531
+ }
2474
2532
 
2533
+ hr {
2534
+ border-color: var(--color-border-default);
2475
2535
  }
2476
2536
 
2477
2537
  b,
2478
2538
  strong,
2479
2539
  .bold {
2480
- font-weight: bold;
2481
- --ctx-text: var(--ctx-text-bold);
2540
+ font-weight: bold;
2541
+ --ctx-text: var(--ctx-text-bold);
2482
2542
  }
2483
2543
 
2484
2544
  /* Disable state */
2485
2545
  :disabled,
2486
2546
  .disabled {
2487
- cursor: not-allowed;
2488
- pointer-events: none;
2547
+ cursor: not-allowed;
2548
+ pointer-events: none;
2489
2549
  }
@@ -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;
@@ -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;
@@ -1,8 +1,8 @@
1
1
  import { type BCC_CONTEXT } from '@/contexts';
2
2
  export type StepIndicatorProps = {
3
- steps: string[];
4
- additionalText?: boolean;
5
- showStepLabel?: boolean;
3
+ steps: string[] | number;
4
+ hideText?: boolean;
5
+ hideLabel?: boolean;
6
6
  left?: boolean;
7
7
  right?: boolean;
8
8
  context?: BCC_CONTEXT;
@@ -20,8 +20,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
20
20
  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
21
21
  }>, {
22
22
  context: BCC_CONTEXT;
23
- additionalText: boolean;
24
- showStepLabel: boolean;
23
+ hideText: boolean;
24
+ hideLabel: boolean;
25
25
  headingFn: (currentStep: number, totalSteps: number) => string;
26
26
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
27
27
  declare const _default: typeof __VLS_export;
@@ -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?: string | VueComponent;
6
+ icon?: VueComponent;
6
7
  items?: BccMenuItem[];
7
8
  };
8
- declare const __VLS_export: import("vue").DefineComponent<{}, {
9
- toggle: (event: Event, target?: unknown) => void | undefined;
10
- show: (event: Event, target?: unknown) => void | undefined;
11
- hide: () => void | undefined;
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;
@@ -13,6 +13,8 @@ export type TabsProps = Omit<PrimeTabsProps, 'value'> & {
13
13
  fill?: boolean;
14
14
  modelValue?: number;
15
15
  noPanels?: boolean;
16
+ fluid?: boolean;
17
+ bold?: boolean;
16
18
  };
17
19
  type __VLS_Props = TabsProps;
18
20
  type __VLS_ModelProps = {
@@ -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
- declare const __VLS_export: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
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,6 +6,8 @@ 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';
@@ -16,8 +18,9 @@ export type { AvatarProps } from './BccAvatar/BccAvatar.vue';
16
18
  export type { ButtonProps } from './BccButton.vue';
17
19
  export type { CheckboxProps } from './BccCheckbox.vue';
18
20
  export type { ChipProps } from './BccChip/BccChip.vue';
21
+ export type { ImageProps } from './BccImage.vue';
19
22
  export type { InputProps } from './BccInput.vue';
20
- export type { BccMenuItem } from './BccMenu/BccMenu.vue';
23
+ export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
21
24
  export type { MessageProps } from './BccMessage.vue';
22
25
  export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
23
26
  export type { ToggleProps } from './BccToggle/BccToggle.vue';
@@ -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';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/component-library-vue",
3
- "version": "0.0.0-dev.630f150",
3
+ "version": "0.0.0-dev.6678067",
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.34",
56
+ "@bcc-code/design-tokens": "^5.1.45",
57
57
  "@bcc-code/icons-vue": "^1.4.0",
58
58
  "@primeuix/themes": "^2.0.3",
59
59
  "@tailwindcss/vite": "^4.1.18",