Skip to content

Commit

Permalink
Linting
Browse files Browse the repository at this point in the history
  • Loading branch information
@vrundakansara
vrundakansara committed Sep 6, 2024
1 parent 1d238a3 commit 35799aa
Show file tree
Hide file tree
Showing 4 changed files with 45 additions and 47 deletions.
2 changes: 1 addition & 1 deletion dist/force-ui.asset.php
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<?php return array('dependencies' => array('react', 'react-dom'), 'version' => '3679f9f2a431dfc99b12');
<?php return array('dependencies' => array('react', 'react-dom'), 'version' => 'eac37125de18b3f45c0c');
2 changes: 1 addition & 1 deletion dist/force-ui.js
View file

Large diffs are not rendered by default.

6 changes: 2 additions & 4 deletions src/components/alert/alert.stories.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
import Alert from './alert.jsx';
import { fn } from '@storybook/test';
import { Plus } from 'lucide-react';

// Alert component story configuration
export default {
Expand Down Expand Up @@ -133,7 +131,7 @@ export const WithAction = {
label: 'My Action',
onClick: () => {},
type: 'button',
}
},
},
};

Expand All @@ -145,6 +143,6 @@ export const WithCustomIcon = {
label: 'My Action',
onClick: () => {},
type: 'button',
}
},
},
};
82 changes: 41 additions & 41 deletions src/molecules/input-field/input-field.stories.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,60 +6,60 @@ import { Info } from 'lucide-react';

export const InputField = {
render: () => (
<div style={{width: '800px'}}>
<Container direction="column" gap="xs">
<Label size="md">Label</Label>
<Input type="text" placeholder="Placeholder" />
<Label size="xs" variant="help">
<Info/> Help label with a <a href="https://example.com">link</a>
.
</Label>
</Container>
</div>
)
<div style={ { width: '800px' } }>
<Container direction="column" gap="xs">
<Label size="md">Label</Label>
<Input type="text" placeholder="Placeholder" />
<Label size="xs" variant="help">
<Info /> Help label with a <a href="https://example.com">link</a>
.
</Label>
</Container>
</div>
),
};

export const TextAreaField = {
render: () => (
<div style={{width: '800px'}}>
<Container direction="column" gap="xs">
<Label size="md">Label</Label>
<TextArea size="md" placeholder="Placeholder"/>
<Label size="xs" variant="help">
<Info/> Help label with a <a href="https://example.com">link</a>
.
</Label>
</Container>
</div>
)
render: () => (
<div style={ { width: '800px' } }>
<Container direction="column" gap="xs">
<Label size="md">Label</Label>
<TextArea size="md" placeholder="Placeholder" />
<Label size="xs" variant="help">
<Info /> Help label with a <a href="https://example.com">link</a>
.
</Label>
</Container>
</div>
),
};

// Badge component story configuration
export const InputFileField = {
render: () => (
<div style={{width: '800px'}}>
<Container direction="column" gap="xs">
<Label size="md">Label</Label>
<Input type="file" />
<Label size="xs" variant="help">
<Info/> Help label with a <a href="https://example.com">link</a>
.
</Label>
</Container>
</div>
)
render: () => (
<div style={ { width: '800px' } }>
<Container direction="column" gap="xs">
<Label size="md">Label</Label>
<Input type="file" />
<Label size="xs" variant="help">
<Info /> Help label with a <a href="https://example.com">link</a>
.
</Label>
</Container>
</div>
),
};

// Badge component story configuration
export default {
title: 'Molecules/Input Field',
component: InputField,
render: () => (
<>
<Label size="md">Input Field</Label>
<Input type="text" />
</>
),
render: () => (
<>
<Label size="md">Input Field</Label>
<Input type="text" />
</>
),
parameters: {
layout: 'centered',
},
Expand Down

0 comments on commit 35799aa

Please sign in to comment.