@still-forest/canopy 0.23.0 → 0.25.0

package/dist/typography.d.ts

@@ -0,0 +1,89 @@
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
+
+declare const FONT_FAMILIES: readonly ["display", "serif", "sans", "mono"];
+
+declare const FONT_SIZES: readonly ["xs", "sm", "base", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "9xl"];
+
+declare const FONT_WEIGHTS: readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"];
+
+declare type FontFamily = (typeof FONT_FAMILIES)[number];
+
+declare type FontSize = (typeof FONT_SIZES)[number];
+
+declare type FontWeight = (typeof FONT_WEIGHTS)[number];
+
+export declare const Heading: default_2.ForwardRefExoticComponent<HeadingProps & default_2.RefAttributes<HTMLHeadingElement>>;
+
+declare const HEADING_LEVELS: readonly ["1", "2", "3", "4", "5", "6"];
+
+export declare interface HeadingProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
+    level?: HeadingSize;
+    size?: FontSize;
+    weight?: FontWeight;
+    variant?: TypographyVariant;
+    align?: TextAlign;
+    leading?: TextLeading;
+    tracking?: TextTracking;
+    family?: FontFamily;
+    /**
+     * When true, apply *-foreground color classes for variants instead of regular color classes.
+     */
+    asForeground?: boolean;
+    truncate?: boolean;
+    numeric?: boolean;
+    className?: string;
+}
+
+declare type HeadingSize = (typeof HEADING_LEVELS)[number];
+
+export declare const Paragraph: ({ children, className, as, ...props }: TextProps) => JSX.Element;
+
+declare const Text_2: default_2.ForwardRefExoticComponent<Omit<any, "ref"> & default_2.RefAttributes<Element>>;
+export { Text_2 as Text }
+
+declare const TEXT_ALIGNS: readonly ["left", "center", "right", "justify", "start", "end"];
+
+declare const TEXT_LEADINGS: readonly ["none", "tight", "snug", "normal", "relaxed", "loose"];
+
+declare const TEXT_TRACKINGS: readonly ["tighter", "tight", "normal", "wide", "wider", "widest"];
+
+declare type TextAlign = (typeof TEXT_ALIGNS)[number];
+
+declare interface TextBaseProps {
+    size?: FontSize;
+    weight?: FontWeight;
+    variant?: TypographyVariant;
+    align?: TextAlign;
+    leading?: TextLeading;
+    tracking?: TextTracking;
+    family?: FontFamily;
+    /**
+     * When true, apply *-foreground color classes for variants instead of regular color classes.
+     */
+    asForeground?: boolean;
+    truncate?: boolean;
+    numeric?: boolean;
+    className?: string;
+    as?: TypographyElement;
+}
+
+declare type TextLeading = (typeof TEXT_LEADINGS)[number];
+
+export declare type TextProps<E extends default_2.ElementType = TypographyElement> = TextBaseProps & {
+    as?: E;
+} & default_2.ComponentPropsWithRef<E>;
+
+declare type TextTracking = (typeof TEXT_TRACKINGS)[number];
+
+declare const TYPOGRAPHY_ELEMENTS: readonly ["p", "span", "label", "div", "h1", "h2", "h3", "h4", "h5", "h6"];
+
+declare const TYPOGRAPHY_VARIANTS: readonly ["default", "inherit", "primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive"];
+
+declare type TypographyElement = (typeof TYPOGRAPHY_ELEMENTS)[number];
+
+declare type TypographyVariant = (typeof TYPOGRAPHY_VARIANTS)[number];
+
+export { }