4a4e65fe4a
# Introduction closes https://github.com/twentyhq/core-team-issues/issues/591 Same than for `twenty-shared` made in https://github.com/twentyhq/twenty/pull/11083. ## TODO - [x] Manual migrate twenty-website twenty-ui imports ## What's next: - Generate barrel and migration script factorization within own package + tests - Refactoring using preconstruct ? TimeBox - Lint circular dependencies - Lint import from barrel and forbid them ### Preconstruct We need custom rollup plugins addition, but preconstruct does not expose its rollup configuration. It might be possible to handle this using the babel overrides. But was a big tunnel. We could give it a try afterwards ! ( allowing cjs interop and stuff like that ) Stuck to vite lib app Closed related PRs: - https://github.com/twentyhq/twenty/pull/11294 - https://github.com/twentyhq/twenty/pull/11203
24 lines
782 B
TypeScript
24 lines
782 B
TypeScript
import { useTheme } from '@emotion/react';
|
|
import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
|
|
|
|
import IllustrationIconTextRaw from '@assets/icons/illustration-text.svg?react';
|
|
import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
|
|
|
|
type IllustrationIconTextProps = Pick<IconComponentProps, 'size'>;
|
|
|
|
export const IllustrationIconText = (props: IllustrationIconTextProps) => {
|
|
const theme = useTheme();
|
|
const size = props.size ?? theme.icon.size.lg;
|
|
const { color, fill } = theme.IllustrationIcon;
|
|
return (
|
|
<IllustrationIconWrapper>
|
|
<IllustrationIconTextRaw
|
|
height={size}
|
|
width={size}
|
|
fill={fill.blue}
|
|
color={color.blue}
|
|
/>
|
|
</IllustrationIconWrapper>
|
|
);
|
|
};
|