chore: Монорепо с общими пакетами

2026-03-04 16:31:57 +03:00
parent 8f2c799235
commit 915c56351b
420 changed files with 13403 additions and 7071 deletions
--- a/packages/tach-typography/src/react/index.tsx
+++ b/packages/tach-typography/src/react/index.tsx
@@ -0,0 +1,82 @@
+import React from "react";
+
+import { Typography } from "antd";
+import type { LinkProps } from "antd/lib/typography/Link";
+import type { ParagraphProps } from "antd/lib/typography/Paragraph";
+import type { TextProps } from "antd/lib/typography/Text";
+import type { TitleProps } from "antd/lib/typography/Title";
+
+import {
+  tachTypographyClassName,
+  type TypographyColor,
+  type TypographyVariant,
+  type TypographyWeight,
+} from "../core";
+
+interface AdditionalProps {
+  color?: TypographyColor;
+  weight?: TypographyWeight;
+  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+  className?: string | undefined;
+}
+
+const createTypographyVariant = <P extends object>(
+  Component: React.ComponentType<P>,
+  variant: TypographyVariant,
+) => {
+  const Variant = React.forwardRef<HTMLElement, P & AdditionalProps>(
+    ({ color = "primary", weight = "normal", className, onClick, ...rest }, ref) => (
+      <Component
+        ref={ref as never}
+        className={tachTypographyClassName({
+          variant,
+          color,
+          weight,
+          className,
+          clickable: Boolean(onClick),
+        })}
+        onClick={onClick}
+        {...(rest as P)}
+      />
+    ),
+  );
+
+  Variant.displayName = String(variant);
+
+  return Variant;
+};
+
+const createTypographyComponent = <P extends object>(Component: React.ComponentType<P>) => ({
+  LargeTitle: createTypographyVariant(Component, "LargeTitle"),
+  Title1: createTypographyVariant(Component, "Title1"),
+  Title2: createTypographyVariant(Component, "Title2"),
+  Title3: createTypographyVariant(Component, "Title3"),
+  Headline: createTypographyVariant(Component, "Headline"),
+  Body: createTypographyVariant(Component, "Body"),
+  Inputs: createTypographyVariant(Component, "Inputs"),
+  Subheadline: createTypographyVariant(Component, "Subheadline"),
+  FootnoteUnderline: createTypographyVariant(Component, "FootnoteUnderline"),
+  Footnote: createTypographyVariant(Component, "Footnote"),
+  Caption: createTypographyVariant(Component, "Caption"),
+  Caption2: createTypographyVariant(Component, "Caption2"),
+
+  AccentH1: createTypographyVariant(Component, "AccentH1"),
+  AccentH2: createTypographyVariant(Component, "AccentH2"),
+  AccentSubttl: createTypographyVariant(Component, "AccentSubttl"),
+  AccentSubttl2: createTypographyVariant(Component, "AccentSubttl2"),
+  AccentCaption: createTypographyVariant(Component, "AccentCaption"),
+  AccentCaption2: createTypographyVariant(Component, "AccentCaption2"),
+  AccentRegularM: createTypographyVariant(Component, "AccentRegularM"),
+  AccentRegularS: createTypographyVariant(Component, "AccentRegularS"),
+  AccentLargeTtl: createTypographyVariant(Component, "AccentLargeTtl"),
+  AppMediumBody: createTypographyVariant(Component, "AppMediumBody"),
+  AppMediumSubtext: createTypographyVariant(Component, "AppMediumSubtext"),
+  AppMediumSubtextUnderline: createTypographyVariant(Component, "AppMediumSubtextUnderline"),
+});
+
+export const TachTypography = {
+  Text: createTypographyComponent<TextProps & Pick<ParagraphProps, "ellipsis">>(Typography.Text),
+  Paragraph: createTypographyComponent<ParagraphProps>(Typography.Paragraph),
+  Link: createTypographyComponent<LinkProps>(Typography.Link),
+  Title: createTypographyComponent<TitleProps>(Typography.Title),
+};