@bcc-code/component-library-vue 0.0.0-dev.4702980 → 0.0.0-dev.58bc5e8

package/dist/theme.css

@@ -774,18 +774,18 @@
 }
 
 @utility ctx-brand-bolder {
-  --ctx-text: var(--color-default-bcc-100);
+  --ctx-text: var(--color-default-neutral-0);
   --ctx-text-bold: var(--color-default-neutral-0);
-  --ctx-background: var(--color-default-bcc-700);
-  --ctx-gradient: var(--color-default-bcc-800);
+  --ctx-background: var(--color-default-bcc-800);
+  --ctx-gradient: var(--color-default-bcc-900);
   --ctx-border: var(--color-default-bcc-700);
   --ctx-shadow: var(--color-neutral-alpha-500A);
-  --ctx-text-hover: var(--color-default-bcc-100);
-  --ctx-text-pressed: var(--color-default-bcc-100);
-  --ctx-background-hover: var(--color-default-bcc-800);
-  --ctx-background-pressed: var(--color-default-bcc-900);
-  --ctx-gradient-hover: var(--color-default-bcc-900);
-  --ctx-gradient-pressed: var(--color-default-bcc-900);
+  --ctx-text-hover: var(--color-default-neutral-0);
+  --ctx-text-pressed: var(--color-default-neutral-0);
+  --ctx-background-hover: var(--color-default-bcc-900);
+  --ctx-background-pressed: var(--color-default-bcc-1000);
+  --ctx-gradient-hover: var(--color-default-bcc-1000);
+  --ctx-gradient-pressed: var(--color-default-bcc-1000);
   --ctx-border-hover: var(--color-default-bcc-700);
   --ctx-border-pressed: var(--color-default-bcc-700);
 }
@@ -980,16 +980,16 @@
 @utility ctx-gray-bolder {
   --ctx-text: var(--color-default-neutral-200);
   --ctx-text-bold: var(--color-default-neutral-100);
-  --ctx-background: var(--color-default-neutral-800);
-  --ctx-gradient: var(--color-default-neutral-700);
+  --ctx-background: var(--color-default-neutral-700);
+  --ctx-gradient: var(--color-default-neutral-800);
   --ctx-border: var(--color-default-neutral-700);
   --ctx-shadow: var(--color-neutral-alpha-500A);
   --ctx-text-hover: var(--color-default-neutral-200);
   --ctx-text-pressed: var(--color-default-neutral-200);
-  --ctx-background-hover: var(--color-default-neutral-700);
-  --ctx-background-pressed: var(--color-default-neutral-600);
-  --ctx-gradient-hover: var(--color-default-neutral-600);
-  --ctx-gradient-pressed: var(--color-default-neutral-600);
+  --ctx-background-hover: var(--color-default-neutral-800);
+  --ctx-background-pressed: var(--color-default-neutral-900);
+  --ctx-gradient-hover: var(--color-default-neutral-900);
+  --ctx-gradient-pressed: var(--color-default-neutral-900);
   --ctx-border-hover: var(--color-default-neutral-700);
   --ctx-border-pressed: var(--color-default-neutral-700);
 }
@@ -1810,16 +1810,18 @@
 	cursor: pointer;
 }
 
-.clickable:hover {
-	--ctx-background: var(--ctx-background-hover);
-	--ctx-text: var(--ctx-text-hover);
-	--ctx-border: var(--ctx-border-hover);
-}
+@media (hover: hover) and (pointer: fine) {
+	.clickable:hover {
+		--ctx-background: var(--ctx-background-hover);
+		--ctx-text: var(--ctx-text-hover);
+		--ctx-border: var(--ctx-border-hover);
+	}
 
-.clickable:active {
-	--ctx-background: var(--ctx-background-pressed);
-	--ctx-text: var(--ctx-text-pressed);
-	--ctx-border: var(--ctx-border-pressed);
+	.clickable:active {
+		--ctx-background: var(--ctx-background-pressed);
+		--ctx-text: var(--ctx-text-pressed);
+		--ctx-border: var(--ctx-border-pressed);
+	}
 }
 
 
@@ -1843,6 +1845,10 @@
 /* === ./styles/component-overrides.css === */
 /** Custom styles to fix primevue components that are not custom or wrapped. */
 
+:root {
+	--p-toast-width: min(85vw, 400px);
+}
+
 /**
 * GUTTER FIX
 * Primevue's dropwdown components are all missing the gap between input and dropdown

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

@@ -1,3 +1,11 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    icon?: string;
+    size?: 'sm' | 'md' | 'base' | 'lg' | 'xl' | '2xl' | '3xl';
+    left?: boolean;
+    right?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "sm" | "md" | "base" | "lg" | "xl" | "2xl" | "3xl";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -9,6 +9,20 @@ export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
 export type MenuProps = {
     model?: BccMenuItem[];
 } & Omit<PrimeMenuProps, 'model'>;
-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 var __VLS_16: {
+    item: MenuItem;
+    label: string | ((...args: any) => string) | undefined;
+    props: import("primevue").MenuRouterBindProps;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: 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 __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/BccRadioButton.vue.d.ts

@@ -2,6 +2,7 @@ import { type RadioButtonProps as PrimeRadioButtonProps } from 'primevue/radiobu
 export type RadioButtonProps = PrimeRadioButtonProps & {
     label?: string;
     labelLeft?: boolean;
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bcc-code/component-library-vue",
-	"version": "0.0.0-dev.4702980",
+	"version": "0.0.0-dev.58bc5e8",
 	"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.50",
+		"@bcc-code/design-tokens": "^5.1.59",
 		"@bcc-code/icons-vue": "^1.4.0",
 		"@primeuix/themes": "^2.0.3",
 		"@tailwindcss/vite": "^4.1.18",