Improve the design of workflow nodes (#9810)

- Go over every node in the workflows and fix the styles to conform to
Figma
- Create stories for every node type
This commit is contained in:
Baptiste Devessier
2025-01-23 16:12:37 +01:00
committed by GitHub
parent 337b6a86ab
commit bbb0c9a761
15 changed files with 329 additions and 37 deletions

View File

@ -1,7 +1,7 @@
import { ComponentProps, JSX } from 'react';
import styled from '@emotion/styled';
import { isNumber, isString } from '@sniptt/guards';
import { Decorator } from '@storybook/react';
import { ComponentProps, JSX } from 'react';
const StyledColumnTitle = styled.h1`
font-size: ${({ theme }) => theme.font.size.lg};
@ -91,6 +91,8 @@ export type CatalogDimension<
export type CatalogOptions = {
elementContainer?: {
width?: number;
style?: React.CSSProperties;
className?: string;
};
};
@ -135,6 +137,8 @@ export const CatalogDecorator: Decorator = (Story, context) => {
</StyledElementTitle>
<StyledElementContainer
width={options?.elementContainer?.width}
style={options?.elementContainer?.style}
className={options?.elementContainer?.className}
>
<Story
args={{