@bcc-code/component-library-vue 1.4.5 → 1.4.6

package/dist/theme.css

@@ -1547,6 +1547,10 @@
 	--p-tooltip-max-width: min(85vw, calc(var(--spacing) * 100));
 }
 
+.p-overlay-mask {
+	padding: 1rem;
+}
+
 /**
 * GUTTER FIX
 * Primevue's dropwdown components are all missing the gap between input and dropdown
@@ -2318,7 +2322,13 @@
 		@apply flex shrink-0 cursor-pointer items-center justify-center rounded-full transition;
 	}
 	.bcc-react-list {
-		@apply hide-scrollbar ml-2 flex h-8 flex-1 items-center gap-1.5 overflow-visible rounded-full;
+		@apply hide-scrollbar ml-2 flex h-8 flex-1 items-center gap-1.5 rounded-full;
+	}
+	.bcc-react-list--limited {
+		@apply min-w-0 overflow-x-auto;
+		max-width: calc(
+			var(--bcc-react-max-visible) * 3.25rem + (var(--bcc-react-max-visible) - 1) * 0.375rem
+		);
 	}
 	.bcc-react-empty {
 		@apply heading-xs flex items-center;

package/dist-types/components/custom/BccReact/types.d.ts

@@ -15,4 +15,6 @@ export type ReactProps = {
     top?: boolean;
     /** Message shown when there are no reactions yet (e.g. "Be the first to react"). */
     placeholder?: string;
+    /** Max active reactions visible at once; overflow scrolls horizontally when exceeded. */
+    max?: number;
 };

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

@@ -13,6 +13,7 @@ type __VLS_Props = TopNavigationProps & {
     padded?: boolean;
     transparent?: boolean;
     white?: boolean;
+    sunken?: boolean;
     backTitle?: string;
     force?: boolean;
     titleLeft?: boolean;

package/package.json

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