@nypl/design-system-react-components 1.0.1 → 1.0.2

package/dist/theme/components/list.d.ts

@@ -0,0 +1,182 @@
+interface ListBaseStyle {
+    inline?: boolean;
+    noStyling: boolean;
+}
+export declare const baseListStyles: (inline?: boolean, noStyling?: boolean) => {
+    margin: string;
+    listStyle: string;
+    marginInlineStart: string;
+    paddingLeft: string;
+    padding: string;
+    display: string;
+    li: {
+        marginRight: string;
+        listStyleType: string;
+        _notFirst: {
+            marginTop: string;
+        };
+    };
+};
+export declare const baseUnorderedStyles: (noStyling?: boolean) => {
+    listStyle: string;
+    li: {
+        _before: {
+            color: string;
+            content: string;
+            display: string;
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            marginLeft: string;
+            width: string;
+        };
+    };
+    margin: string;
+    marginBottom: string;
+};
+export declare const baseSectionDefinitionStyles: {
+    borderBottom: string;
+    borderColor: string;
+    paddingLeft: string;
+    h2: {
+        borderTop: string;
+        borderColor: string;
+        margin: string;
+        padding: string;
+    };
+};
+export declare const baseDefinitionStyles: {
+    dl: {
+        display: string;
+        gridTemplateColumns: {
+            base: string;
+            md: string;
+        };
+        gridTemplateRows: string;
+        margin: string;
+    };
+    dt: {
+        borderTop: string;
+        borderColor: string;
+        fontWeight: string;
+        paddingBottom: {
+            base: string;
+            md: string;
+        };
+        paddingTop: string;
+        paddingRight: {
+            md: string;
+        };
+    };
+    dd: {
+        margin: string;
+        paddingBottom: string;
+        borderTop: {
+            base: string;
+            md: string;
+        };
+        borderColor: {
+            md: string;
+        };
+        paddingTop: {
+            md: string;
+        };
+    };
+    borderBottom: string;
+    borderColor: string;
+    paddingLeft: string;
+    h2: {
+        borderTop: string;
+        borderColor: string;
+        margin: string;
+        padding: string;
+    };
+};
+declare const List: {
+    baseStyle: ({ inline, noStyling }: ListBaseStyle) => {
+        margin: string;
+        listStyle: string;
+        marginInlineStart: string;
+        paddingLeft: string;
+        padding: string;
+        display: string;
+        li: {
+            marginRight: string;
+            listStyleType: string;
+            _notFirst: {
+                marginTop: string;
+            };
+        };
+    };
+    variants: {
+        ul: ({ noStyling }: ListBaseStyle) => {
+            listStyle: string;
+            li: {
+                _before: {
+                    color: string;
+                    content: string;
+                    display: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    marginLeft: string;
+                    width: string;
+                };
+            };
+            margin: string;
+            marginBottom: string;
+        };
+        ol: {
+            margin: string;
+            marginBottom: string;
+        };
+        dl: {
+            dl: {
+                display: string;
+                gridTemplateColumns: {
+                    base: string;
+                    md: string;
+                };
+                gridTemplateRows: string;
+                margin: string;
+            };
+            dt: {
+                borderTop: string;
+                borderColor: string;
+                fontWeight: string;
+                paddingBottom: {
+                    base: string;
+                    md: string;
+                };
+                paddingTop: string;
+                paddingRight: {
+                    md: string;
+                };
+            };
+            dd: {
+                margin: string;
+                paddingBottom: string;
+                borderTop: {
+                    base: string;
+                    md: string;
+                };
+                borderColor: {
+                    md: string;
+                };
+                paddingTop: {
+                    md: string;
+                };
+            };
+            borderBottom: string;
+            borderColor: string;
+            paddingLeft: string;
+            h2: {
+                borderTop: string;
+                borderColor: string;
+                margin: string;
+                padding: string;
+            };
+        };
+    };
+};
+export default List;

package/dist/theme/components/logo.d.ts

@@ -0,0 +1,477 @@
+interface LogoBaseStyle {
+    size: keyof typeof size;
+}
+declare const size: {
+    default: {
+        maxWidth: string;
+    };
+    xxsmall: {
+        maxWidth: string;
+    };
+    xsmall: {
+        maxWidth: string;
+    };
+    small: {
+        maxWidth: string;
+    };
+    medium: {
+        maxWidth: string;
+    };
+    large: {
+        maxWidth: string;
+    };
+    xlarge: {
+        maxWidth: string;
+    };
+    xxlarge: {
+        height: string;
+        width: string;
+    };
+    xxxlarge: {
+        height: string;
+        width: string;
+    };
+};
+declare const Logo: {
+    baseStyle: (props: LogoBaseStyle) => {
+        svg: {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        };
+        maxWidth: string;
+        display: string;
+        height: string;
+        width: string;
+    } | {
+        svg: {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        };
+        maxWidth: string;
+        display: string;
+        height: string;
+        width: string;
+    } | {
+        svg: {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        };
+        maxWidth: string;
+        display: string;
+        height: string;
+        width: string;
+    } | {
+        svg: {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        };
+        maxWidth: string;
+        display: string;
+        height: string;
+        width: string;
+    } | {
+        svg: {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        };
+        maxWidth: string;
+        display: string;
+        height: string;
+        width: string;
+    } | {
+        svg: {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        };
+        maxWidth: string;
+        display: string;
+        height: string;
+        width: string;
+    } | {
+        svg: {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        };
+        maxWidth: string;
+        display: string;
+        height: string;
+        width: string;
+    } | {
+        svg: {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        };
+        height: string;
+        width: string;
+        display: string;
+    } | {
+        svg: {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            maxWidth: string;
+            display: string;
+            height: string;
+            width: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        } | {
+            height: string;
+            width: string;
+            display: string;
+        };
+        height: string;
+        width: string;
+        display: string;
+    };
+};
+export default Logo;