Update BrandingLabel stories to contain Labs and non Labs variations

Author: deedeeh

dotcom-rendering/src/components/BrandingLabel.stories.tsx

@@ -3,7 +3,7 @@ import { BrandingLabel } from './BrandingLabel';
 
 const meta: Meta<typeof BrandingLabel> = {
 	component: BrandingLabel,
-	title: 'Components/BrandingLabel For Labs',
+	title: 'Components/BrandingLabel',
 	parameters: {
 		layout: 'centered',
 		chromatic: {
@@ -33,27 +33,35 @@ const meta: Meta<typeof BrandingLabel> = {
 			sponsorName: 'Guardian Org',
 			aboutThisLink: '#about',
 		},
-		isLabs: true,
 	},
 };
 
 export default meta;
 
-export const HorizontalOrientation = {
+export const Default = {
+	args: {
+		isLabs: false,
+	},
+};
+
+export const LabsHorizontalOrientation = {
 	args: {
+		isLabs: true,
 		orientation: 'horizontal',
 	},
 };
 
-export const VerticalOrientation = {
+export const LabsVerticalOrientation = {
 	args: {
+		isLabs: true,
 		orientation: 'vertical',
 	},
 };
 
-export const VerticalRightAlignment = {
+export const LabsVerticalRightAlignment = {
 	args: {
-		alignment: 'end',
+		isLabs: true,
 		orientation: 'vertical',
+		alignment: 'end',
 	},
 };

dotcom-rendering/src/components/BrandingLabel.tsx

@@ -13,7 +13,7 @@ import type { Branding } from '../types/branding';
 import type { DCRContainerPalette } from '../types/front';
 import { useConfig } from './ConfigContext';
 
-type SponsoredContentLabelProps = {
+type Props = {
 	branding: Branding;
 	alignment?: 'start' | 'end';
 	orientation?: 'horizontal' | 'vertical';
@@ -115,7 +115,7 @@ export const BrandingLabel = ({
 	ophanComponentName,
 	isLabs = false,
 	isAdvertisingPartner = false,
-}: SponsoredContentLabelProps) => {
+}: Props) => {
 	const { darkModeAvailable } = useConfig();
 	const logo = decideBrandingLogo(branding, containerPalette);
 
@@ -195,7 +195,7 @@ export const BrandingLabel = ({
 					isAdvertisingPartner && imageAdvertisingPartnerStyles,
 				]}
 				src={logo.src}
-				alt={''}
+				alt={`logo for ${branding.sponsorName}`}
 			/>
 		</a>
 	);