fix(877): Ensure Consistency between Storybook Documentation and Codebase (#941)

Author: RubirajAccenture

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',
 };
 

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',
 };
 

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`