fix(877): Ensure Consistency between Storybook Documentation and Code…

…base (#941)
deven-org · Feb 21, 2024 · 32b184e · 32b184e
1 parent 41f609a
commit 32b184e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 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
@@ -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
@@ -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
@@ -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`