@bcc-code/component-library-vue 0.0.0-dev.29c9655 → 0.0.0-dev.2a59bd6

package/dist/theme.css

@@ -1974,7 +1974,7 @@
 	}
 
 	.bcc-nav-item-title {
-		@apply text-heading-xs text-center text-subtlest opacity-75;
+		@apply heading-xs text-center text-subtlest opacity-75;
 	}
 
 	.bcc-app-nav-item--active .bcc-nav-item-title {
@@ -1999,16 +1999,16 @@
 		@apply ctx-gradient;
 	}
 	.bcc-badge.sm {
-		@apply text-heading-xs h-4 w-4;
+		@apply heading-xs h-4 w-4;
 	}
 	.bcc-badge.md {
-		@apply text-heading-sm h-5 w-5;
+		@apply heading-sm h-5 w-5;
 	}
 	.bcc-badge.lg {
-		@apply text-heading-md h-6 w-6;
+		@apply heading-md h-6 w-6;
 	}
 	.bcc-badge.xl {
-		@apply text-heading-md h-8 w-8;
+		@apply heading-md h-8 w-8;
 	}
 
 	.bcc-badge .bcc-badge-icon {
@@ -2140,40 +2140,43 @@
 
 /* from ./BccFrame/BccFrame.css */
 @layer components {
-    .bcc-frame {
-        @apply ctx ctx-default w-full;
-    }
+	.bcc-frame {
+		@apply ctx ctx-default w-full border border-transparent;
+	}
 
-    .bcc-frame.bcc-frame--shadow {
-        @apply shadow shadow-ctx;
-    }
+	.bcc-frame.bcc-frame--shadow {
+		@apply shadow-ctx shadow;
+	}
 
-    .bcc-frame--raised {
-        --ctx-background: var(--color-elevation-surface-raised-default);
-    }
-    .bcc-frame--rounded {
-        @apply rounded-md;
-    }
-    .bcc-frame--raised.bcc-frame--shadow {
-        @apply shadow-raised;
-    }
+	.bcc-frame--raised {
+		--ctx-background: var(--color-elevation-surface-raised-default);
+	}
+	.bcc-frame--rounded {
+		@apply rounded-md;
+	}
+	.bcc-frame--raised.bcc-frame--shadow {
+		@apply shadow-raised dark:border-default;
+	}
 
-    .bcc-frame--overlay {
-        --ctx-background: var(--color-elevation-surface-overlay-default);
-    }
-    .bcc-frame--overlay.bcc-frame--shadow {
-        @apply shadow-overlay;
-    }
+	.bcc-frame--overlay {
+		--ctx-background: var(--color-elevation-surface-overlay-default);
+		@apply border;
+	}
+	.bcc-frame--overlay.bcc-frame--shadow {
+		@apply shadow-overlay dark:border-default;
+	}
 
-    .bcc-frame--sunken {
-        --ctx-background: var(--color-elevation-surface-sunken-default);
-    }
-    .bcc-frame--sunken.bcc-frame--shadow {
-        @apply shadow-inner;
-    }
+	.bcc-frame--sunken {
+		--ctx-background: var(--color-elevation-surface-sunken-default);
+		@apply border;
+	}
+	.bcc-frame--sunken.bcc-frame--shadow {
+		@apply dark:border-default shadow-inner;
+	}
 }
 
 
+
 /* from ./BccGraphic/BccGraphic.css */
 @layer components {
   .bcc-graphic .corner,

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

@@ -9,6 +9,8 @@ export type GraphicProps = {
     ratio?: AspectRatioStyle;
     /** When true, renders the banner image in grayscale. */
     grayscale?: boolean;
+    /** When true, renders the banner image with a brightness of 150%. */
+    highlight?: boolean;
 };
 export declare const ratioClasses: {
     ultraWide: string;

package/package.json

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