paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 49 Packages Projects Releases Wiki Activity

Fix stories

Browse Source 
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2025-03-13 11:04:50 +00:00
parent 8d72bb6319
commit ae97694384
2 changed files with 34 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
canon-docs/src/components/Tabs/parts.tsx
+1 -4
View File
@@ -31,10 +31,7 @@ export const Tab = (props: React.ComponentProps<typeof TabsPrimitive.Tab>) => (
<Text
variant="subtitle"
weight="bold"
{...rest}
style={{
color: state.selected ? 'var(--primary)' : 'var(--secondary)',
}}
color={state.selected ? 'primary' : 'secondary'}
>
{children}
</Text>
packages/canon/src/components/Text/Text.stories.tsx
+33 -35
View File
@@ -39,51 +39,49 @@ export const Default: Story = {
};
export const AllVariants: Story = {
render: () => (
<Flex gap="4">
<Text variant="subtitle" style={{ maxWidth: '600px' }}>
A man looks at a painting in a museum and says, “Brothers and sisters I
have none, but that man&apos;s father is my father&apos;s son.” Who is
in the painting?
</Text>
<Text variant="body" style={{ maxWidth: '600px' }}>
A man looks at a painting in a museum and says, “Brothers and sisters I
have none, but that man&apos;s father is my father&apos;s son.” Who is
in the painting?
</Text>
<Text variant="caption" style={{ maxWidth: '600px' }}>
A man looks at a painting in a museum and says, “Brothers and sisters I
have none, but that man&apos;s father is my father&apos;s son.” Who is
in the painting?
</Text>
<Text variant="label" style={{ maxWidth: '600px' }}>
A man looks at a painting in a museum and says, “Brothers and sisters I
have none, but that man&apos;s father is my father&apos;s son.” Who is
in the painting?
</Text>
args: {
...Default.args,
},
render: args => (
<Flex gap="4" direction="column">
<Text variant="subtitle" {...args} />
<Text variant="body" {...args} />
<Text variant="caption" {...args} />
<Text variant="label" {...args} />
</Flex>
),
};
export const AllWeights: Story = {
render: () => (
<Flex gap="4">
<Text weight="regular" style={{ maxWidth: '600px' }}>
A man looks at a painting in a museum and says, “Brothers and sisters I
have none, but that man&apos;s father is my father&apos;s son.” Who is
in the painting?
</Text>
<Text weight="bold" style={{ maxWidth: '600px' }}>
A man looks at a painting in a museum and says, “Brothers and sisters I
have none, but that man&apos;s father is my father&apos;s son.” Who is
in the painting?
</Text>
args: {
...Default.args,
},
render: args => (
<Flex gap="4" direction="column">
<Text weight="regular" {...args} />
<Text weight="bold" {...args} />
</Flex>
),
};
export const AllColors: Story = {
args: {
...Default.args,
},
render: args => (
<Flex gap="4" direction="column">
<Text color="primary" {...args} />
<Text color="secondary" {...args} />
<Text color="danger" {...args} />
<Text color="warning" {...args} />
<Text color="success" {...args} />
</Flex>
),
};
export const Responsive: Story = {
args: {
...Default.args,
variant: {
xs: 'label',
md: 'body',
@@ -93,7 +91,7 @@ export const Responsive: Story = {
export const Playground: Story = {
render: () => (
<Flex>
<Flex gap="4" direction="column">
<Text>Subtitle</Text>
<Text variant="subtitle" style={{ maxWidth: '600px' }}>
A man looks at a painting in a museum and says, “Brothers and sisters I