@bcc-code/component-library-vue 0.0.0-dev.95bf9c4 → 0.0.0-dev.9a9ab63

package/dist/theme.css

@@ -1925,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;
   }
@@ -2375,91 +2378,76 @@
 
 /* from ./BccAvatar/BccAvatar.css */
 @layer components {
-    .bcc-avatar {
-        --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 text-sm;
-    }
-
-    .bcc-avatar .icon {
-        height: var(--icon-size-sm);
-    }
+	.bcc-avatar {
+		--p-avatar-background: var(--ctx-background);
+		--p-avatar-color: var(--ctx-text);
+		--bcc-avatar-border: var(--ctx-border);
+		--p-icon-size: var(--icon-size-sm);
+		@apply ctx-gray-subtler shrink-0 overflow-hidden text-sm;
+	}
 
-    .bcc-avatar.male,
-    .bcc-avatar.M {
-        @apply ctx-blue-subtler;
-    }
-    .bcc-avatar.female,
-    .bcc-avatar.F {
-        @apply ctx-purple-subtler;
-    }
-    .bcc-avatar.male.child,
-    .bcc-avatar.M.child {
-        @apply ctx-teal-subtler;
-    }
-    .bcc-avatar.female.child,
-    .bcc-avatar.F.child {
-        @apply ctx-magenta-subtler;
-    }
-    .bcc-avatar.bordered {
-        @apply border-2 border-ctx;
-    }
-    .bcc-avatar.xs {
-        @apply size-5 text-xs;
-    }
-    .bcc-avatar.xs .icon {
-        height: var(--icon-size-xs);
-    }
-    .bcc-avatar.sm {
-        @apply size-6 text-xs;
-    }
-    .bcc-avatar.sm .icon {
-        height: var(--icon-size-xs);
-    }
-    .bcc-avatar.md {
-        /* same as default */
-    }
-    .bcc-avatar.md .icon {
-        /* same as default */
-    }
-    .bcc-avatar.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.xxxl .icon {
-        height: var(--icon-size-xl);
-    }
+	.bcc-avatar.male,
+	.bcc-avatar.M {
+		@apply ctx-blue-subtler;
+	}
+	.bcc-avatar.female,
+	.bcc-avatar.F {
+		@apply ctx-purple-subtler;
+	}
+	.bcc-avatar.male.child,
+	.bcc-avatar.M.child {
+		@apply ctx-teal-subtler;
+	}
+	.bcc-avatar.female.child,
+	.bcc-avatar.F.child {
+		@apply ctx-magenta-subtler;
+	}
+	.bcc-avatar.bordered {
+		@apply border-ctx border-2;
+	}
+	.bcc-avatar.xs {
+		@apply size-5 text-xs;
+	}
+	.bcc-avatar.xs .icon {
+		--p-icon-size: var(--icon-size-xs);
+	}
+	.bcc-avatar.sm {
+		@apply size-6 text-xs;
+		--p-icon-size: var(--icon-size-xs);
+	}
+	/* .bcc-avatar.md {
+        same as default 
+    }*/
+	.bcc-avatar.lg {
+		@apply text-md size-10;
+		--p-icon-size: var(--icon-size-md);
+	}
+	.bcc-avatar.xl {
+		@apply size-12 text-xl;
+		--p-icon-size: var(--icon-size-lg);
+	}
+	.bcc-avatar.xxl {
+		@apply size-20 text-3xl;
+		--p-icon-size: var(--icon-size-xl);
+	}
+	.bcc-avatar.xxxl {
+		@apply size-24 text-4xl;
+		--p-icon-size: var(--icon-size-xl);
+	}
 
-    .p-overlaybadge .bcc-avatar.p-avatar-circle.lg~.p-badge,
-    .p-overlaybadge .bcc-avatar.p-avatar-circle.xl~.p-badge {
-        transform: translate(40%, -40%);
-    }
+	.p-overlaybadge .bcc-avatar.p-avatar-circle.lg ~ .p-badge,
+	.p-overlaybadge .bcc-avatar.p-avatar-circle.xl ~ .p-badge {
+		transform: translate(40%, -40%);
+	}
 
-    .p-overlaybadge .bcc-avatar.p-avatar-circle.xxxl~.p-badge,
-    .p-overlaybadge .bcc-avatar.p-avatar-circle.xxl~.p-badge {
-        transform: translate(20%, -20%);
-    }
+	.p-overlaybadge .bcc-avatar.p-avatar-circle.xxxl ~ .p-badge,
+	.p-overlaybadge .bcc-avatar.p-avatar-circle.xxl ~ .p-badge {
+		transform: translate(20%, -20%);
+	}
 }
 
 
+
 /* from ./BccTabs/BccTabs.css */
 @layer components {
     .bcc-tabs-fill.p-tabs {

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/BccImage.vue.d.ts

@@ -0,0 +1,17 @@
+import { type ImageProps as PrimeImageProps } from 'primevue/image';
+export type ImageProps = PrimeImageProps;
+declare var __VLS_9: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    refresh?: (props: typeof __VLS_9) => any;
+} & {
+    undo?: (props: typeof __VLS_17) => any;
+};
+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>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,5 @@
 import type { VueComponent } from '@/types';
-import { type MenuProps as PrimeMenuProps } from 'primevue/menu';
+import { type MenuMethods as PrimeMenuMethods, 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'> & {
@@ -9,10 +9,6 @@ export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
 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<MenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -14,10 +14,15 @@ export type ToggleProps = ToggleSwitchProps & {
     /** When true, applies context-aware styling (e.g. from design tokens/theme). */
     useCtx?: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string | boolean | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | boolean | undefined) => any) | undefined;
+type __VLS_Props = ToggleProps;
+type __VLS_ModelProps = {
+    modelValue: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     defaultValue: string | boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -7,6 +7,7 @@ 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 BccImage } from './BccImage.vue';
 export { default as BccInput } from './BccInput.vue';
 export { default as BccMenu } from './BccMenu/BccMenu.vue';
 export { default as BccMessage } from './BccMessage.vue';
@@ -17,6 +18,7 @@ export type { AvatarProps } from './BccAvatar/BccAvatar.vue';
 export type { ButtonProps } from './BccButton.vue';
 export type { CheckboxProps } from './BccCheckbox.vue';
 export type { ChipProps } from './BccChip/BccChip.vue';
+export type { ImageProps } from './BccImage.vue';
 export type { InputProps } from './BccInput.vue';
 export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
 export type { MessageProps } from './BccMessage.vue';

package/dist-types/index.d.ts

@@ -65,7 +65,6 @@ export { default as BccFocusTrap } from 'primevue/focustrap';
 export { default as BccGalleria } from 'primevue/galleria';
 export { default as BccIconField } from 'primevue/iconfield';
 export { default as BccIftaLabel } from 'primevue/iftalabel';
-export { default as BccImage } from 'primevue/image';
 export { default as BccImageCompare } from 'primevue/imagecompare';
 export { default as BccInplace } from 'primevue/inplace';
 export { default as BccInputChips } from 'primevue/inputchips';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bcc-code/component-library-vue",
-	"version": "0.0.0-dev.95bf9c4",
+	"version": "0.0.0-dev.9a9ab63",
 	"type": "module",
 	"description": "Extended Vue component library based on PrimeVue and BCC design tokens",
 	"repository": "https://github.com/bcc-code/bcc-design.git",
@@ -53,7 +53,7 @@
 		"create-version": "node ./scripts/version.cjs"
 	},
 	"dependencies": {
-		"@bcc-code/design-tokens": "^5.1.34",
+		"@bcc-code/design-tokens": "^5.1.42",
 		"@bcc-code/icons-vue": "^1.4.0",
 		"@primeuix/themes": "^2.0.3",
 		"@tailwindcss/vite": "^4.1.18",