@nypl/design-system-react-components 0.25.0 → 0.25.4

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

@@ -27,9 +27,13 @@ declare const Checkbox: {
                     borderColor: string;
                     color: string;
                 };
+                _indeterminate: {
+                    color: string;
+                    borderColor: string;
+                };
             };
             _indeterminate: {
-                bg: string;
+                color: string;
                 borderColor: string;
             };
             _disabled: {
@@ -48,10 +52,10 @@ declare const Checkbox: {
         };
         label: {
             userSelect: string;
-            fontSize: number;
+            fontSize: string;
             fontWeight: string;
-            marginBottom: number;
-            marginLeft: number;
+            marginBottom: string;
+            marginLeft: string;
             verticalAlign: string;
             _disabled: {
                 color: string;
@@ -63,20 +67,20 @@ declare const Checkbox: {
             };
         };
         helper: {
-            marginTop: number;
-            marginBottom: number;
             marginLeft: string;
             _disabled: {
                 fontStyle: string;
             };
+            marginTop: string;
+            marginBottom: string;
         };
     };
     sizes: {
         lg: {
             control: {
-                w: string;
-                h: string;
                 borderRadius: string;
+                h: string;
+                w: string;
             };
             label: {
                 fontSize: string;

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

@@ -0,0 +1,12 @@
+declare const CheckboxGroup: {
+    parts: string[];
+    baseStyle: {
+        helper: {
+            marginTop: string;
+        };
+        stack: {
+            width: string;
+        };
+    };
+};
+export default CheckboxGroup;

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

@@ -0,0 +1,11 @@
+declare const ComponentWrapper: {
+    baseStyle: ({ hasChildren }: {
+        hasChildren: any;
+    }) => {
+        helperText: {
+            marginBottom: string;
+            marginTop: string;
+        };
+    };
+};
+export default ComponentWrapper;

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

@@ -0,0 +1,16 @@
+/**
+ * Note: these styles are only used when the
+ * DatePicker is in "date range" mode.
+ */
+declare const DatePicker: {
+    parts: string[];
+    baseStyle: {
+        subLabels: {
+            label: {
+                fontSize: string;
+                marginBottom: string;
+            };
+        };
+    };
+};
+export default DatePicker;

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

@@ -0,0 +1,27 @@
+declare const Fieldset: {
+    parts: string[];
+    baseStyle: ({ isLegendHidden }: {
+        isLegendHidden: any;
+    }) => {
+        legend: {
+            alignItems: string;
+            width: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            display: string;
+            justifyContent: string;
+            helper: {
+                marginLeft: string;
+                fontWeight: string;
+                fontSize: string;
+            };
+        };
+        helper: {
+            marginLeft: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+    };
+};
+export default Fieldset;

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

@@ -0,0 +1,65 @@
+/** 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 checkboxRadioHelperStyle: {
+    marginLeft: string;
+    _disabled: {
+        fontStyle: string;
+    };
+    marginTop: string;
+    marginBottom: string;
+};
+declare const labelLegendText: {
+    alignItems: string;
+    width: string;
+    marginBottom: string;
+    fontSize: string;
+    fontWeight: string;
+    display: string;
+    justifyContent: string;
+    helper: {
+        marginLeft: string;
+        fontWeight: string;
+        fontSize: string;
+    };
+};
+declare const checkboxRadioGroupStyles: {
+    helper: {
+        marginTop: string;
+    };
+    stack: {
+        width: string;
+    };
+};
+export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperStyle, checkboxRadioLabelStyles, helperTextMargin, labelLegendText, };

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

@@ -0,0 +1,23 @@
+/**
+ * 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;
+};
+declare const screenreaderOnly: {
+    clip: string;
+    height: string;
+    overflow: string;
+    position: string;
+    width: string;
+    wordWrap: string;
+};
+export { screenreaderOnly, wrapperStyles };

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

@@ -1,76 +1,111 @@
 declare const Heading: {
+    baseStyle: {
+        a: {
+            color: string;
+        };
+    };
     variants: {
         h1: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             letterSpacing: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
         h2: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
         h3: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
         h4: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
         h5: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
         h6: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
         primary: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             letterSpacing: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
         secondary: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
         tertiary: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
         callout: {
+            width: string;
+            marginTop: string;
+            marginLeft: string;
+            marginRight: string;
+            marginBottom: string;
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
-            margin: string;
-            width: string;
         };
     };
     defaultProps: {

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

@@ -0,0 +1,10 @@
+declare const helperErrorText: {
+    baseStyle: ({ isInvalid }: {
+        isInvalid: any;
+    }) => {
+        marginBottom: string;
+        fontSize: string;
+        color: string;
+    };
+};
+export default helperErrorText;