From 32b184ee873546b613b369fc1fe37eaf8c0c7603 Mon Sep 17 00:00:00 2001
From: RubirajAccenture <122974571+RubirajAccenture@users.noreply.github.com>
Date: Wed, 21 Feb 2024 10:36:36 +0100
Subject: [PATCH] fix(877): Ensure Consistency between Storybook Documentation
 and Codebase (#941)

---
 .../ui-library/src/components/button-group/index.stories.ts   | 2 +-
 packages/ui-library/src/components/button-group/index.test.ts | 2 +-
 packages/ui-library/src/components/button-group/index.ts      | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui-library/src/components/button-group/index.stories.ts b/packages/ui-library/src/components/button-group/index.stories.ts
index 8258b03eb..a1fc148f6 100644
--- a/packages/ui-library/src/components/button-group/index.stories.ts
+++ b/packages/ui-library/src/components/button-group/index.stories.ts
@@ -114,7 +114,7 @@ export const ButtonGroup = (
 };
 
 const defaultParams: BlrButtonGroupType = {
-  size: 'md',
+  sizeVariant: 'md',
   alignment: 'left',
 };
 
diff --git a/packages/ui-library/src/components/button-group/index.test.ts b/packages/ui-library/src/components/button-group/index.test.ts
index 696dc5ec4..dbb6ac868 100644
--- a/packages/ui-library/src/components/button-group/index.test.ts
+++ b/packages/ui-library/src/components/button-group/index.test.ts
@@ -6,7 +6,7 @@ import type { BlrButtonGroupType } from '.';
 import { BlrTextButtonRenderFunction } from '../text-button/renderFunction';
 
 const sampleParams: BlrButtonGroupType = {
-  size: 'md',
+  sizeVariant: 'md',
   alignment: 'left',
 };
 
diff --git a/packages/ui-library/src/components/button-group/index.ts b/packages/ui-library/src/components/button-group/index.ts
index b93c7d164..13a5f0012 100644
--- a/packages/ui-library/src/components/button-group/index.ts
+++ b/packages/ui-library/src/components/button-group/index.ts
@@ -9,14 +9,14 @@ import { TAG_NAME } from './renderFunction';
 export class BlrButtonGroup extends LitElement {
   static styles = [styleCustom];
 
-  @property() size: ButtonGroupSizesType = 'md';
+  @property() sizeVariant: ButtonGroupSizesType = 'md';
   @property() alignment: ButtonGroupAlignmentType = 'center';
 
   protected render() {
     const classes = classMap({
       'blr-button-group': true,
       [this.alignment]: this.alignment,
-      [this.size]: this.size,
+      [this.sizeVariant]: this.sizeVariant,
     });
 
     return html`