fix layers - component**s**

Author: jasverix

component-library/src/components/custom/BccBadge/BccBadge.stories.ts

@@ -95,6 +95,20 @@ export const Sizes: Story = {
 	}),
 };
 
+export const CustomSized: Story = {
+	render: () => ({
+		components: { BccBadge, PersonIcon },
+		setup() {
+			return { PersonIcon };
+		},
+		template: `
+			<div class="flex flex-wrap gap-2 align-items-center">
+				<BccBadge :value="PersonIcon" class="w-15 h-10" size="md" />
+			</div>
+		`,
+	}),
+};
+
 export const BorderedAndSquared: Story = {
 	render: () => ({
 		components: { BccBadge, CheckIcon },

component-library/src/style.css

@@ -1,5 +1,5 @@
 /* Layer order: Tailwind base/utilities first, then PrimeVue so component styles win */
-@layer theme, base, component, library-utilities, utilities, primevue;
+@layer theme, base, components, library-utilities, utilities, primevue;
 @import '@bcc-code/design-tokens/css';
 
 @import 'tailwindcss';