@nypl/design-system-react-components 2.0.0 → 2.0.1

package/dist/src/theme/components/heading.d.ts

@@ -0,0 +1,372 @@
+export declare const headings: {
+    one: {
+        width: string;
+        a: {
+            textUnderlineOffset: string;
+        };
+        marginTop: string;
+        marginStart: string;
+        marginEnd: string;
+        fontSize: string;
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+    };
+    two: {
+        width: string;
+        a: {
+            textUnderlineOffset: string;
+        };
+        marginTop: string;
+        marginStart: string;
+        marginEnd: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    three: {
+        width: string;
+        marginTop: string;
+        marginStart: string;
+        marginEnd: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    four: {
+        width: string;
+        marginTop: string;
+        marginStart: string;
+        marginEnd: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    fallback: {
+        width: string;
+        marginTop: string;
+        marginStart: string;
+        marginEnd: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    display1: {
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        width: string;
+        a: {
+            textUnderlineOffset: string;
+        };
+    };
+    heading1: {
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        width: string;
+        a: {
+            textUnderlineOffset: string;
+        };
+    };
+    heading2: {
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        width: string;
+        a: {
+            textUnderlineOffset: string;
+        };
+    };
+    heading3: {
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        width: string;
+        a: {
+            textUnderlineOffset: string;
+        };
+    };
+    heading4: {
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        width: string;
+        a: {
+            textUnderlineOffset: string;
+        };
+    };
+    heading5: {
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        width: string;
+    };
+    heading6: {
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        width: string;
+    };
+};
+declare const Heading: {
+    parts: string[];
+    baseStyle: ({ isCapitalized, isUppercase, isLowercase, noSpace, url }: {
+        isCapitalized: any;
+        isUppercase: any;
+        isLowercase: any;
+        noSpace: any;
+        url: any;
+    }) => {
+        a: {
+            textDecoration: string;
+            color: string;
+            textDecorationStyle: string;
+            textDecorationThickness: string;
+            textUnderlineOffset: string;
+            _dark: {
+                color: string;
+            };
+            _hover: {
+                color: string;
+                textDecorationStyle: string;
+                textDecorationThickness: string;
+                _dark: {
+                    color: string;
+                };
+            };
+            _visited: {
+                color: string;
+                _dark: {
+                    color: string;
+                };
+            };
+        };
+        color: string;
+        textTransform: string;
+        _dark: {
+            color: string;
+        };
+        headingWrapper: {
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            marginBottom: string;
+        };
+    };
+    variants: {
+        h1: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+        };
+        h2: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+        };
+        h3: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+        };
+        h4: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+        };
+        h5: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+        };
+        h6: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+        };
+        one: {
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+        };
+        two: {
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        three: {
+            width: string;
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        four: {
+            width: string;
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        five: {
+            width: string;
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        six: {
+            width: string;
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        display1: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+        };
+        heading1: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+        };
+        heading2: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+        };
+        heading3: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+        };
+        heading4: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+        };
+        heading5: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+        };
+        heading6: {
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            width: string;
+        };
+        primary: {
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+        };
+        secondary: {
+            width: string;
+            a: {
+                textUnderlineOffset: string;
+            };
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        tertiary: {
+            width: string;
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        callout: {
+            width: string;
+            marginTop: string;
+            marginStart: string;
+            marginEnd: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+    };
+    defaultProps: {
+        variant: string;
+    };
+};
+export default Heading;

package/dist/src/theme/components/helperErrorText.d.ts

@@ -0,0 +1,18 @@
+interface HelperErrorTextBaseStyle {
+    isInvalid: boolean;
+}
+declare const helperErrorText: {
+    parts: string[];
+    baseStyle: ({ isInvalid }: HelperErrorTextBaseStyle) => {
+        fontSize: string;
+        color: string;
+        _dark: {
+            color: string;
+        };
+        innerChild: {
+            marginTop: string;
+            marginBottom: string;
+        };
+    };
+};
+export default helperErrorText;