88 lines
3.2 KiB
JavaScript
88 lines
3.2 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
var React = require('react');
|
||
|
|
var antd = require('antd');
|
||
|
|
var jsxRuntime = require('react/jsx-runtime');
|
||
|
|
|
||
|
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
||
|
|
|
||
|
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
||
|
|
|
||
|
|
// 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__default.default.forwardRef(
|
||
|
|
({ color = "primary", weight = "normal", className, onClick, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.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(antd.Typography.Text),
|
||
|
|
Paragraph: createTypographyComponent(antd.Typography.Paragraph),
|
||
|
|
Link: createTypographyComponent(antd.Typography.Link),
|
||
|
|
Title: createTypographyComponent(antd.Typography.Title)
|
||
|
|
};
|
||
|
|
|
||
|
|
exports.TachTypography = TachTypography;
|
||
|
|
//# sourceMappingURL=index.cjs.map
|
||
|
|
//# sourceMappingURL=index.cjs.map
|