@nypl/design-system-react-components 0.23.4 → 0.25.1

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

@@ -0,0 +1,109 @@
+declare const Button: {
+    baseStyle: {
+        borderRadius: string;
+        lineHeight: string;
+        display: string;
+        cursor: string;
+        color: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        textDecoration: string;
+        wordWrap: string;
+        svg: {
+            fill: string;
+            marginTop: string;
+        };
+        _hover: {
+            bg: string;
+        };
+        _visited: {
+            color: string;
+        };
+        _disabled: {
+            bg: string;
+            color: string;
+            pointerEvents: string;
+            opacity: string;
+        };
+    };
+    sizes: {
+        lg: {
+            width: string;
+        };
+    };
+    variants: {
+        primary: {
+            bg: string;
+            minWidth: string;
+            height: string;
+        };
+        secondary: {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                bg: string;
+            };
+        };
+        link: {
+            bg: string;
+            lineHeight: string;
+            color: string;
+            textDecoration: string;
+            _disabled: {
+                bg: string;
+            };
+            _hover: {
+                bg: string;
+                color: string;
+            };
+        };
+        pill: {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            borderRadius: string;
+            py: string;
+            paddingInlineStart: string;
+            paddingInlineEnd: string;
+            _hover: {
+                bg: string;
+            };
+        };
+        "icon-only": {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                bg: string;
+            };
+            paddingInlineStart: string;
+            paddingInlineEnd: string;
+        };
+        callout: {
+            bg: string;
+            _hover: {
+                bg: string;
+            };
+            _active: {
+                bg: string;
+            };
+        };
+        searchBar: {
+            borderLeftRadius: string;
+            bg: string;
+            minWidth: string;
+            height: string;
+        };
+    };
+    defaultProps: {
+        size: string;
+        variant: string;
+        colorScheme: string;
+    };
+};
+export default Button;

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

@@ -0,0 +1,91 @@
+declare const Checkbox: {
+    parts: string[];
+    baseStyle: {
+        icon: {
+            transitionProperty: string;
+            transitionDuration: string;
+            width: string;
+            height: string;
+        };
+        control: {
+            border: string;
+            borderRadius: string;
+            borderColor: string;
+            color: string;
+            outline: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            _checked: {
+                bg: string;
+                borderColor: string;
+                color: string;
+                _hover: {
+                    bg: string;
+                };
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+            };
+            _indeterminate: {
+                bg: string;
+                borderColor: string;
+            };
+            _disabled: {
+                bg: string;
+                borderColor: string;
+            };
+            _focus: {
+                borderColor: string;
+                boxShadow: string;
+                outlineColor: string;
+            };
+            _invalid: {
+                borderColor: string;
+                color: string;
+            };
+        };
+        label: {
+            userSelect: string;
+            fontSize: string;
+            fontWeight: string;
+            marginBottom: string;
+            marginLeft: string;
+            verticalAlign: string;
+            _disabled: {
+                color: string;
+                opacity: number;
+                fontStyle: string;
+            };
+            _invalid: {
+                color: string;
+            };
+        };
+        helper: {
+            marginLeft: string;
+            _disabled: {
+                fontStyle: string;
+            };
+            marginTop: string;
+            marginBottom: string;
+        };
+    };
+    sizes: {
+        lg: {
+            control: {
+                borderRadius: string;
+                h: string;
+                w: string;
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+        colorScheme: string;
+    };
+};
+export default Checkbox;

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

@@ -0,0 +1,18 @@
+declare const CustomCheckboxGroup: {
+    parts: string[];
+    baseStyle: {
+        legend: {
+            fontSize: string;
+            marginBottom: string;
+        };
+        required: {
+            marginLeft: string;
+        };
+        helper: {
+            marginTop: string;
+        };
+    };
+    sizes: {};
+    defaultProps: {};
+};
+export default CustomCheckboxGroup;

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

@@ -0,0 +1,18 @@
+declare const CustomRadioGroup: {
+    parts: string[];
+    baseStyle: {
+        legend: {
+            fontSize: string;
+            marginBottom: string;
+        };
+        required: {
+            marginLeft: string;
+        };
+        helper: {
+            marginTop: string;
+        };
+    };
+    sizes: {};
+    defaultProps: {};
+};
+export default CustomRadioGroup;

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

@@ -0,0 +1,55 @@
+/** Export "mixin" styles. */
+export { wrapperStyles } from "./globalMixins";
+/** Reusable component styles. */
+declare const activeFocus: {
+    border: string;
+    borderColor: string;
+    zIndex: string;
+    outline: string;
+    outlineColor: string;
+};
+declare const helperTextMargin: {
+    marginTop: string;
+    marginBottom: string;
+};
+declare const checkboxRadioLabelStyles: {
+    userSelect: string;
+    fontSize: string;
+    fontWeight: string;
+    marginBottom: string;
+    marginLeft: string;
+    verticalAlign: string;
+    _disabled: {
+        color: string;
+        opacity: number;
+        fontStyle: string;
+    };
+    _invalid: {
+        color: string;
+    };
+};
+declare const checkboxRadioControlSize: {
+    h: string;
+    w: string;
+};
+declare const checkboxRadioGroupLayout: {
+    legend: {
+        fontSize: string;
+        marginBottom: string;
+    };
+    required: {
+        marginLeft: string;
+    };
+    helper: {
+        marginTop: string;
+    };
+};
+declare const checkboxRadioHelperStyle: {
+    marginLeft: string;
+    _disabled: {
+        fontStyle: string;
+    };
+    marginTop: string;
+    marginBottom: string;
+};
+export { activeFocus, checkboxRadioLabelStyles, checkboxRadioControlSize, checkboxRadioGroupLayout, checkboxRadioHelperStyle, helperTextMargin, };

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

@@ -0,0 +1,15 @@
+/**
+ * These objects are also SCSS mixins but are now JS objects in the
+ * context of css-in-js and the custom NYPL-theme.
+ */
+declare const wrapperStyles: {
+    marginY: string;
+    marginX: string;
+    maxWidth: string;
+    paddingTop: string;
+    paddingBottom: string;
+    paddingRight: string;
+    paddingLeft: string;
+    width: string;
+};
+export { wrapperStyles };

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

@@ -0,0 +1,110 @@
+declare const Heading: {
+    variants: {
+        h1: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+        };
+        h2: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        h3: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        h4: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        h5: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        h6: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        primary: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+        };
+        secondary: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        tertiary: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        callout: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+    };
+    defaultProps: {
+        variant: string;
+    };
+};
+export default Heading;