fixup! Feat(web-react): Introduce Box component #DS-1595

lmc-eu · Jan 2, 2025 · bfe187d · bfe187d
1 parent 797fc68
commit bfe187d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/web-react/src/components/Box/__tests__/useBoxStyleProps.test.ts b/packages/web-react/src/components/Box/__tests__/useBoxStyleProps.test.ts
@@ -95,6 +95,7 @@ describe('useBoxStyleProps', () => {
     const props: SpiritBoxProps = {
       borderRadius: '200',
       borderWidth: '100',
+      borderStyle: 'solid',
     };
     const { result } = renderHook(() => useBoxStyleProps(props));
 
@@ -114,6 +115,7 @@ describe('useBoxStyleProps', () => {
     const props: SpiritBoxProps = {
       borderColor: 'basic',
       borderWidth: '100',
+      borderStyle: 'solid',
     };
     const { result } = renderHook(() => useBoxStyleProps(props));
 

diff --git a/packages/web-react/src/components/Box/stories/Box.stories.tsx b/packages/web-react/src/components/Box/stories/Box.stories.tsx
@@ -1,9 +1,9 @@
 import { Markdown } from '@storybook/blocks';
 import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
+import { BackgroundColors, BorderColors, BorderRadii, BorderStyles, BorderWidths } from '../../../constants';
 import Box from '../Box';
 import ReadMe from '../README.md';
-import { BorderColors, BorderRadii, BorderStyles, BorderWidths } from '../../../constants';
 
 const meta: Meta<typeof Box> = {
   title: 'Components/Box',
@@ -115,7 +115,8 @@ const meta: Meta<typeof Box> = {
       },
     },
     backgroundColor: {
-      control: 'text',
+      control: 'select',
+      options: Object.values(BackgroundColors),
       table: {
         type: {
           summary: 'BackgroundColorsDictionaryType',