@bcc-code/component-library-vue 0.0.0-dev.c2cb2dd → 0.0.0-dev.d519e03

package/dist/theme.css

@@ -1901,6 +1901,14 @@
 	z-index: 2;
 }
 
+.p-dialog-close-button .p-icon {
+	height: var(--icon-size-sm);
+	width: var(--icon-size-sm);
+}
+.p-dialog .p-button-icon:empty {
+	display: none;
+}
+
 
 
 
@@ -1917,6 +1925,9 @@
   .bcc-badge.capital {
     @apply inline-flex;
   }
+  .bcc-badge.gradient {
+    @apply ctx-gradient;
+  }
   .bcc-badge.sm {
     @apply w-4 h-4 text-heading-xs;
   }
@@ -2371,8 +2382,13 @@
         --p-avatar-background: var(--ctx-background);
         --p-avatar-color: var(--ctx-text);
         --bcc-avatar-border: var(--ctx-border);
-        @apply overflow-hidden shrink-0 ctx-gray-subtler;
+        @apply overflow-hidden shrink-0 ctx-gray-subtler text-sm;
     }
+
+    .bcc-avatar .icon {
+        height: var(--icon-size-sm);
+    }
+
     .bcc-avatar.male,
     .bcc-avatar.M {
         @apply ctx-blue-subtler;
@@ -2395,36 +2411,44 @@
     .bcc-avatar.xs {
         @apply size-5 text-xs;
     }
+    .bcc-avatar.xs .icon {
+        height: var(--icon-size-xs);
+    }
     .bcc-avatar.sm {
-        @apply size-6 text-sm;
+        @apply size-6 text-xs;
+    }
+    .bcc-avatar.sm .icon {
+        height: var(--icon-size-xs);
     }
     .bcc-avatar.md {
-        @apply size-8 text-base;
+        /* same as default */
+    }
+    .bcc-avatar.md .icon {
+        /* same as default */
     }
     .bcc-avatar.lg {
-        @apply size-10 text-lg;
+        @apply size-10 text-md;
+    }
+    .bcc-avatar.lg .icon {
+        height: var(--icon-size-md);
     }
     .bcc-avatar.xl {
         @apply size-12 text-xl;
     }
+    .bcc-avatar.xl .icon {
+        height: var(--icon-size-lg);
+    }
     .bcc-avatar.xxl {
         @apply size-20 text-3xl;
     }
+    .bcc-avatar.xxl .icon {
+        height: var(--icon-size-xl);
+    }
     .bcc-avatar.xxxl {
         @apply size-24 text-4xl;
     }
-
-    .bcc-avatar.squared.lg {
-        @apply text-xl;
-    }
-    .bcc-avatar.squared.xl {
-        @apply text-2xl;
-    }
-    .bcc-avatar.squared.xxl {
-        @apply text-4xl;
-    }
-    .bcc-avatar.squared.xxxl {
-        @apply text-5xl;
+    .bcc-avatar.xxxl .icon {
+        height: var(--icon-size-xl);
     }
 
     .p-overlaybadge .bcc-avatar.p-avatar-circle.lg~.p-badge,

package/dist-types/components/custom/BccBadge/BccBadge.vue.d.ts

@@ -13,6 +13,7 @@ export type BadgeProps = {
     squared?: boolean;
     /** Design context (e.g. neutral, brand) used for background and text color. */
     context?: BCC_CONTEXT;
+    gradient?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -21,6 +22,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
     size: "sm" | "md" | "lg" | "xl";
     context: BCC_CONTEXT;
+    gradient: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist-types/components/wrapped/BccAvatar/BccAvatar.vue.d.ts

@@ -12,7 +12,7 @@ export type AvatarProps = Omit<PrimeAvatarProps, 'shape' | 'size'> & {
     /** Adds a visible border around the avatar. */
     bordered?: boolean;
     /** Controls the avatar dimensions; maps to CSS size classes (xs through xxl). Default: md */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
 };
 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>;
 declare const _default: typeof __VLS_export;

package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts

@@ -1,14 +1,18 @@
 import type { VueComponent } from '@/types';
+import { type MenuProps as PrimeMenuProps } from 'primevue/menu';
 import type { MenuItem } from 'primevue/menuitem';
 /** Menu item model for BccMenu: icon can be a PrimeVue icon class string or a Vue icon component. */
 export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
-    icon?: string | VueComponent;
+    icon?: VueComponent;
     items?: BccMenuItem[];
 };
-declare const __VLS_export: import("vue").DefineComponent<{}, {
+export type MenuProps = {
+    model?: BccMenuItem[];
+} & Omit<PrimeMenuProps, 'model'>;
+declare const __VLS_export: import("vue").DefineComponent<MenuProps, {
     toggle: (event: Event, target?: unknown) => void | undefined;
     show: (event: Event, target?: unknown) => void | undefined;
     hide: () => void | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist-types/components/wrapped/BccToggle/BccToggle.vue.d.ts

@@ -15,9 +15,9 @@ export type ToggleProps = ToggleSwitchProps & {
     useCtx?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string | boolean | undefined) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | boolean | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     defaultValue: string | boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist-types/components/wrapped/index.d.ts

@@ -6,6 +6,7 @@ export { default as BccAvatar } from './BccAvatar/BccAvatar.vue';
 export { default as BccButton } from './BccButton.vue';
 export { default as BccCheckbox } from './BccCheckbox.vue';
 export { default as BccChip } from './BccChip/BccChip.vue';
+export { default as BccConfirmDialog } from './BccConfirmDialog/BccConfirmDialog.vue';
 export { default as BccInput } from './BccInput.vue';
 export { default as BccMenu } from './BccMenu/BccMenu.vue';
 export { default as BccMessage } from './BccMessage.vue';
@@ -17,7 +18,7 @@ export type { ButtonProps } from './BccButton.vue';
 export type { CheckboxProps } from './BccCheckbox.vue';
 export type { ChipProps } from './BccChip/BccChip.vue';
 export type { InputProps } from './BccInput.vue';
-export type { BccMenuItem } from './BccMenu/BccMenu.vue';
+export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
 export type { MessageProps } from './BccMessage.vue';
 export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
 export type { ToggleProps } from './BccToggle/BccToggle.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bcc-code/component-library-vue",
-	"version": "0.0.0-dev.c2cb2dd",
+	"version": "0.0.0-dev.d519e03",
 	"type": "module",
 	"description": "Extended Vue component library based on PrimeVue and BCC design tokens",
 	"repository": "https://github.com/bcc-code/bcc-design.git",