format: Apply Prettier to existing codebase
Formatting-only changes across all component and story files. No logic or behaviour changes — only whitespace, line breaks, and trailing commas. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -117,7 +117,12 @@ export const Clickable: Story = {
|
||||
<Chip label="Clickable default" onClick={() => {}} />
|
||||
<Chip label="Clickable primary" color="primary" onClick={() => {}} />
|
||||
<Chip label="Clickable outlined" variant="outlined" onClick={() => {}} />
|
||||
<Chip label="Clickable outlined primary" variant="outlined" color="primary" onClick={() => {}} />
|
||||
<Chip
|
||||
label="Clickable outlined primary"
|
||||
variant="outlined"
|
||||
color="primary"
|
||||
onClick={() => {}}
|
||||
/>
|
||||
</Box>
|
||||
),
|
||||
};
|
||||
@@ -143,14 +148,18 @@ export const Selected: Story = {
|
||||
render: () => (
|
||||
<Box sx={{ display: 'flex', gap: 2, flexDirection: 'column' }}>
|
||||
<Box>
|
||||
<Typography variant="label" sx={{ mb: 1 }}>Filled</Typography>
|
||||
<Typography variant="label" sx={{ mb: 1 }}>
|
||||
Filled
|
||||
</Typography>
|
||||
<Box sx={{ display: 'flex', gap: 1.5 }}>
|
||||
<Chip label="Not selected" onClick={() => {}} />
|
||||
<Chip label="Selected" selected onClick={() => {}} />
|
||||
</Box>
|
||||
</Box>
|
||||
<Box>
|
||||
<Typography variant="label" sx={{ mb: 1 }}>Outlined</Typography>
|
||||
<Typography variant="label" sx={{ mb: 1 }}>
|
||||
Outlined
|
||||
</Typography>
|
||||
<Box sx={{ display: 'flex', gap: 1.5 }}>
|
||||
<Chip variant="outlined" label="Not selected" onClick={() => {}} />
|
||||
<Chip variant="outlined" label="Selected" selected onClick={() => {}} />
|
||||
@@ -253,12 +262,7 @@ export const RemovableTags: Story = {
|
||||
</Typography>
|
||||
) : (
|
||||
tags.map((tag) => (
|
||||
<Chip
|
||||
key={tag}
|
||||
label={tag}
|
||||
color="primary"
|
||||
onDelete={() => remove(tag)}
|
||||
/>
|
||||
<Chip key={tag} label={tag} color="primary" onDelete={() => remove(tag)} />
|
||||
))
|
||||
)}
|
||||
</Box>
|
||||
@@ -283,7 +287,9 @@ export const InServiceOption: Story = {
|
||||
<Card interactive>
|
||||
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'start', mb: 1 }}>
|
||||
<Typography variant="h5">Chapel Ceremony</Typography>
|
||||
<Typography variant="display3" color="primary">$1,200</Typography>
|
||||
<Typography variant="display3" color="primary">
|
||||
$1,200
|
||||
</Typography>
|
||||
</Box>
|
||||
<Typography variant="body2" color="text.secondary" sx={{ mb: 2 }}>
|
||||
Traditional chapel service with celebrant and music of your choosing.
|
||||
@@ -298,7 +304,9 @@ export const InServiceOption: Story = {
|
||||
<Card interactive>
|
||||
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'start', mb: 1 }}>
|
||||
<Typography variant="h5">Graveside Service</Typography>
|
||||
<Typography variant="display3" color="primary">$900</Typography>
|
||||
<Typography variant="display3" color="primary">
|
||||
$900
|
||||
</Typography>
|
||||
</Box>
|
||||
<Typography variant="body2" color="text.secondary" sx={{ mb: 2 }}>
|
||||
Intimate outdoor farewell at the burial site.
|
||||
@@ -337,8 +345,20 @@ export const CompleteMatrix: Story = {
|
||||
{colors.map((color) => (
|
||||
<React.Fragment key={color}>
|
||||
<Chip variant={variant} color={color} size={size} label={color} />
|
||||
<Chip variant={variant} color={color} size={size} label={`${color} + icon`} icon={<LocalOfferIcon />} />
|
||||
<Chip variant={variant} color={color} size={size} label={`${color} delete`} onDelete={() => {}} />
|
||||
<Chip
|
||||
variant={variant}
|
||||
color={color}
|
||||
size={size}
|
||||
label={`${color} + icon`}
|
||||
icon={<LocalOfferIcon />}
|
||||
/>
|
||||
<Chip
|
||||
variant={variant}
|
||||
color={color}
|
||||
size={size}
|
||||
label={`${color} delete`}
|
||||
onDelete={() => {}}
|
||||
/>
|
||||
</React.Fragment>
|
||||
))}
|
||||
</Box>
|
||||
@@ -348,7 +368,9 @@ export const CompleteMatrix: Story = {
|
||||
))}
|
||||
|
||||
<Box>
|
||||
<Typography variant="label" sx={{ mb: 1 }}>Selected state</Typography>
|
||||
<Typography variant="label" sx={{ mb: 1 }}>
|
||||
Selected state
|
||||
</Typography>
|
||||
<Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
|
||||
<Chip selected label="Filled selected" onClick={() => {}} />
|
||||
<Chip selected variant="outlined" label="Outlined selected" onClick={() => {}} />
|
||||
|
||||
Reference in New Issue
Block a user