@fluid-topics/ft-typography
Version:
Typography components
126 lines (125 loc) • 8.91 kB
TypeScript
export declare const FtTypographyCssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographyTitleCssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographyTitleDenseCssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographySubtitle1CssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographySubtitle2CssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographyBody1CssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographyBody2CssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographyCaptionCssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographyBreadcrumbCssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographyOverlineCssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographyButtonCssVariables: {
fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtTypographyTitle: import("lit").CSSResult;
export declare const FtTypographyTitleDense: import("lit").CSSResult;
export declare const FtTypographySubtitle1: import("lit").CSSResult;
export declare const FtTypographySubtitle2: import("lit").CSSResult;
export declare const FtTypographyBody1: import("lit").CSSResult;
export declare const FtTypographyBody2: import("lit").CSSResult;
export declare const FtTypographyCaption: import("lit").CSSResult;
export declare const FtTypographyBreadcrumb: import("lit").CSSResult;
export declare const FtTypographyOverline: import("lit").CSSResult;
export declare const FtTypographyButton: import("lit").CSSResult;
export declare const FtTypographyStyles: import("lit").CSSResult;
export { typographyDisplay as FtTypographyDisplayCssVariables } from "@fluid-topics/design-system-variables";
export { typographyTitle1 as FtTypographyTitle1CssVariables } from "@fluid-topics/design-system-variables";
export { typographyTitle2 as FtTypographyTitle2CssVariables } from "@fluid-topics/design-system-variables";
export { typographyTitle3 as FtTypographyTitle3CssVariables } from "@fluid-topics/design-system-variables";
export { typographyBody1Regular as FtTypographyBody1RegularCssVariables } from "@fluid-topics/design-system-variables";
export { typographyBody1Medium as FtTypographyBody1MediumCssVariables } from "@fluid-topics/design-system-variables";
export { typographyBody1Semibold as FtTypographyBody1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyBody2Regular as FtTypographyBody2RegularCssVariables } from "@fluid-topics/design-system-variables";
export { typographyBody2Medium as FtTypographyBody2MediumCssVariables } from "@fluid-topics/design-system-variables";
export { typographyBody2Semibold as FtTypographyBody2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyLabel1Medium as FtTypographyLabel1MediumCssVariables } from "@fluid-topics/design-system-variables";
export { typographyLabel1Semibold as FtTypographyLabel1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyLabel1Bold as FtTypographyLabel1BoldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyLabel2Medium as FtTypographyLabel2MediumCssVariables } from "@fluid-topics/design-system-variables";
export { typographyLabel2Semibold as FtTypographyLabel2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyLabel2Bold as FtTypographyLabel2BoldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyCaption1Medium as FtTypographyCaption1MediumCssVariables } from "@fluid-topics/design-system-variables";
export { typographyCaption1Semibold as FtTypographyCaption1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyCaption1Bold as FtTypographyCaption1BoldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyCaption2Medium as FtTypographyCaption2MediumCssVariables } from "@fluid-topics/design-system-variables";
export { typographyCaption2Semibold as FtTypographyCaption2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyCaption2Bold as FtTypographyCaption2BoldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyCaption3Medium as FtTypographyCaption3MediumCssVariables } from "@fluid-topics/design-system-variables";
export { typographyCaption3Semibold as FtTypographyCaption3SemiboldCssVariables } from "@fluid-topics/design-system-variables";
export { typographyCaption3Bold as FtTypographyCaption3BoldCssVariables } from "@fluid-topics/design-system-variables";
export declare const FtdsTypographyStyles: import("lit").CSSResult[][];