82 lines
3.0 KiB
JavaScript
82 lines
3.0 KiB
JavaScript
|
import React from 'react';
|
||
|
|
import { Typography } from 'antd';
|
||
|
|
import { jsx } from 'react/jsx-runtime';
|
||
|
|
|
||
|
|
// src/react/index.tsx
|
||
|
|
|
||
|
|
// src/core/classnames.ts
|
||
|
|
var BASE_CLASS = "tach-typography";
|
||
|
|
var join = (...parts) => parts.filter(Boolean).join(" ");
|
||
|
|
var tachTypographyClassName = ({
|
||
|
|
variant = "Body",
|
||
|
|
color = "primary",
|
||
|
|
weight = "normal",
|
||
|
|
clickable = false,
|
||
|
|
className
|
||
|
|
} = {}) => {
|
||
|
|
return join(
|
||
|
|
BASE_CLASS,
|
||
|
|
`${BASE_CLASS}--${variant}`,
|
||
|
|
`${BASE_CLASS}--color-${color}`,
|
||
|
|
weight === "bold" && `${BASE_CLASS}--bold`,
|
||
|
|
clickable && `${BASE_CLASS}--pointer`,
|
||
|
|
className
|
||
|
|
);
|
||
|
|
};
|
||
|
|
var createTypographyVariant = (Component, variant) => {
|
||
|
|
const Variant = React.forwardRef(
|
||
|
|
({ color = "primary", weight = "normal", className, onClick, ...rest }, ref) => /* @__PURE__ */ jsx(
|
||
|
|
Component,
|
||
|
|
{
|
||
|
|
ref,
|
||
|
|
className: tachTypographyClassName({
|
||
|
|
variant,
|
||
|
|
color,
|
||
|
|
weight,
|
||
|
|
className,
|
||
|
|
clickable: Boolean(onClick)
|
||
|
|
}),
|
||
|
|
onClick,
|
||
|
|
...rest
|
||
|
|
}
|
||
|
|
)
|
||
|
|
);
|
||
|
|
Variant.displayName = String(variant);
|
||
|
|
return Variant;
|
||
|
|
};
|
||
|
|
var createTypographyComponent = (Component) => ({
|
||
|
|
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")
|
||
|
|
});
|
||
|
|
var TachTypography = {
|
||
|
|
Text: createTypographyComponent(Typography.Text),
|
||
|
|
Paragraph: createTypographyComponent(Typography.Paragraph),
|
||
|
|
Link: createTypographyComponent(Typography.Link),
|
||
|
|
Title: createTypographyComponent(Typography.Title)
|
||
|
|
};
|
||
|
|
|
||
|
|
export { TachTypography };
|
||
|
|
//# sourceMappingURL=index.js.map
|
||
|
|
//# sourceMappingURL=index.js.map
|