@nypl/design-system-react-components 1.5.4 → 1.6.0-vite-rc-2

package/dist/{theme → src/theme}/components/global.d.ts

@@ -1,140 +1,140 @@
-/** Export "mixin" styles. */
-export { screenreaderOnly, wrapperStyles } from "./globalMixins";
-/** Reusable component styles. */
-declare const activeFocus: (darkMode?: boolean) => {
-    boxShadow: string;
-    outline: string;
-    outlineOffset: string;
-    outlineColor: string;
-    zIndex: string;
-    _dark: {
-        outlineColor: string;
-    };
-};
-declare const checkboxRadioLabelStyles: {
-    userSelect: string;
-    fontWeight: string;
-    marginBottom: string;
-    marginStart: string;
-    width: string;
-    _disabled: {
-        color: string;
-        opacity: number;
-        fontStyle: string;
-    };
-    _invalid: {
-        color: string;
-    };
-    _dark: {
-        _disabled: {
-            color: string;
-        };
-        _invalid: {
-            color: string;
-        };
-    };
-};
-declare const checkboxRadioControlSize: {
-    h: string;
-    w: string;
-};
-declare const checkboxRadioHelperErrorTextStyle: {
-    marginStart: string;
-    _disabled: {
-        color: string;
-        fontStyle: string;
-    };
-};
-declare const checkboxRadioHoverStyles: {
-    _hover: {
-        span: {
-            _first: {
-                borderColor: string;
-            };
-            _checked: {
-                borderColor: string;
-            };
-            _disabled: {
-                borderColor: string;
-            };
-            _invalid: {
-                borderColor: string;
-            };
-        };
-        _dark: {
-            span: {
-                _first: {
-                    borderColor: string;
-                };
-                _checked: {
-                    borderColor: string;
-                };
-                _disabled: {
-                    borderColor: string;
-                };
-                _invalid: {
-                    borderColor: string;
-                };
-            };
-        };
-    };
-};
-declare const checkboxRadioGroupStyles: (isFullWidth?: boolean) => {
-    helperErrorText: {
-        marginTop: string;
-    };
-    label: {
-        width: string;
-    };
-};
-declare const defaultElementSizes: {
-    mobileFieldHeight: string;
-};
-declare const labelLegendText: {
-    display: string;
-    fontSize: string;
-    fontWeight: string;
-    marginBottom: string;
-    width: string;
-    span: {
-        fontWeight: string;
-    };
-    _dark: {
-        color: string;
-    };
-};
-declare const selectTextInputDisabledStyles: {
-    bg: string;
-    borderColor: string;
-    color: string;
-    opacity: string;
-    _dark: {
-        bg: string;
-        borderColor: string;
-        color: string;
-    };
-};
-declare const selectTextInputFocusStyles: {
-    borderColor: string;
-    _dark: {
-        borderColor: string;
-        boxShadow: string;
-        outline: string;
-        outlineOffset: string;
-        outlineColor: string;
-        zIndex: string;
-        _dark: {
-            outlineColor: string;
-        };
-    };
-    boxShadow: string;
-    outline: string;
-    outlineOffset: string;
-    outlineColor: string;
-    zIndex: string;
-};
-declare const textMargin: {
-    margin: string;
-    marginBottom: string;
-};
-export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioHoverStyles, checkboxRadioLabelStyles, defaultElementSizes, labelLegendText, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };
+/** Export "mixin" styles. */
+export { screenreaderOnly, wrapperStyles } from "./globalMixins";
+/** Reusable component styles. */
+declare const activeFocus: (darkMode?: boolean) => {
+    boxShadow: string;
+    outline: string;
+    outlineOffset: string;
+    outlineColor: string;
+    zIndex: string;
+    _dark: {
+        outlineColor: string;
+    };
+};
+declare const checkboxRadioLabelStyles: {
+    userSelect: string;
+    fontWeight: string;
+    marginBottom: string;
+    marginStart: string;
+    width: string;
+    _disabled: {
+        color: string;
+        opacity: number;
+        fontStyle: string;
+    };
+    _invalid: {
+        color: string;
+    };
+    _dark: {
+        _disabled: {
+            color: string;
+        };
+        _invalid: {
+            color: string;
+        };
+    };
+};
+declare const checkboxRadioControlSize: {
+    h: string;
+    w: string;
+};
+declare const checkboxRadioHelperErrorTextStyle: {
+    marginStart: string;
+    _disabled: {
+        color: string;
+        fontStyle: string;
+    };
+};
+declare const checkboxRadioHoverStyles: {
+    _hover: {
+        span: {
+            _first: {
+                borderColor: string;
+            };
+            _checked: {
+                borderColor: string;
+            };
+            _disabled: {
+                borderColor: string;
+            };
+            _invalid: {
+                borderColor: string;
+            };
+        };
+        _dark: {
+            span: {
+                _first: {
+                    borderColor: string;
+                };
+                _checked: {
+                    borderColor: string;
+                };
+                _disabled: {
+                    borderColor: string;
+                };
+                _invalid: {
+                    borderColor: string;
+                };
+            };
+        };
+    };
+};
+declare const checkboxRadioGroupStyles: (isFullWidth?: boolean) => {
+    helperErrorText: {
+        marginTop: string;
+    };
+    label: {
+        width: string;
+    };
+};
+declare const defaultElementSizes: {
+    mobileFieldHeight: string;
+};
+declare const labelLegendText: {
+    display: string;
+    fontSize: string;
+    fontWeight: string;
+    marginBottom: string;
+    width: string;
+    span: {
+        fontWeight: string;
+    };
+    _dark: {
+        color: string;
+    };
+};
+declare const selectTextInputDisabledStyles: {
+    bg: string;
+    borderColor: string;
+    color: string;
+    opacity: string;
+    _dark: {
+        bg: string;
+        borderColor: string;
+        color: string;
+    };
+};
+declare const selectTextInputFocusStyles: {
+    borderColor: string;
+    _dark: {
+        borderColor: string;
+        boxShadow: string;
+        outline: string;
+        outlineOffset: string;
+        outlineColor: string;
+        zIndex: string;
+        _dark: {
+            outlineColor: string;
+        };
+    };
+    boxShadow: string;
+    outline: string;
+    outlineOffset: string;
+    outlineColor: string;
+    zIndex: string;
+};
+declare const textMargin: {
+    margin: string;
+    marginBottom: string;
+};
+export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioHoverStyles, checkboxRadioLabelStyles, defaultElementSizes, labelLegendText, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };

package/dist/{theme → src/theme}/components/globalMixins.d.ts

@@ -1,40 +1,40 @@
-/**
- * These objects are also SCSS mixins but are now JS objects in the
- * context of css-in-js and the custom NYPL-theme.
- */
-/**
- * If the element that should be visually hidden should only be hidden on
- * small screens, then pass in true for the `isMobileOnly` argument. Otherwise,
- * this will set an element to always be visually hidden regardless of the
- * screen size.
- */
-declare const screenreaderOnly: (isMobileOnly?: boolean) => {
-    clip: string;
-    height: {
-        base: string;
-        md: string;
-    };
-    overflow: string;
-    position: {
-        base: string;
-        md: string;
-    };
-    width: {
-        base: string;
-        md: string;
-    };
-    wordWrap: string;
-};
-declare const displayScreenreaderOnly: {
-    position: string;
-    height: string;
-    width: string;
-};
-declare const wrapperStyles: {
-    marginY: string;
-    marginX: string;
-    maxWidth: string;
-    padding: string;
-    width: string;
-};
-export { displayScreenreaderOnly, screenreaderOnly, wrapperStyles };
+/**
+ * These objects are also SCSS mixins but are now JS objects in the
+ * context of css-in-js and the custom NYPL-theme.
+ */
+/**
+ * If the element that should be visually hidden should only be hidden on
+ * small screens, then pass in true for the `isMobileOnly` argument. Otherwise,
+ * this will set an element to always be visually hidden regardless of the
+ * screen size.
+ */
+declare const screenreaderOnly: (isMobileOnly?: boolean) => {
+    clip: string;
+    height: {
+        base: string;
+        md: string;
+    };
+    overflow: string;
+    position: {
+        base: string;
+        md: string;
+    };
+    width: {
+        base: string;
+        md: string;
+    };
+    wordWrap: string;
+};
+declare const displayScreenreaderOnly: {
+    position: string;
+    height: string;
+    width: string;
+};
+declare const wrapperStyles: {
+    marginY: string;
+    marginX: string;
+    maxWidth: string;
+    padding: string;
+    width: string;
+};
+export { displayScreenreaderOnly, screenreaderOnly, wrapperStyles };

package/dist/{theme → src/theme}/components/header/header.d.ts

@@ -1,72 +1,72 @@
-export declare const headerBlack = "#2b2b2b";
-export declare const headerBlue = "#1B7FA7";
-export declare const headerDarkBlue = "#135772";
-export declare const headerFocusColor = "#0F465C";
-export declare const headerLightBlue = "#78CCED";
-export declare const headerLightBlueIcon = "#1DA1D4";
-export declare const headerRed = "#ED1C24";
-export declare const headerRedDarkMode = "dark.ui.error.primary";
-export declare const headerRedDonate = "#E32B31";
-export declare const headerYellow = "#FEE34A";
-export declare const headerYellowDark = "#403B2D";
-export declare const headerFocus: {
-    borderRadius: string;
-    outlineColor: string;
-    outlineOffset: string;
-    outlineStyle: string;
-    outlineWidth: string;
-};
-declare const Header: {
-    parts: string[];
-    baseStyle: {
-        fontFamily: string;
-        container: {
-            marginX: {
-                md: string;
-                xl: string;
-            };
-            maxWidth: string;
-            minHeight: {
-                base: string;
-                md: string;
-                lg: string;
-            };
-        };
-        horizontalRule: {
-            bg: string;
-            marginTop: string;
-            marginBottom: string;
-            _dark: {
-                backgroundColor: string;
-            };
-        };
-        logo: {
-            padding: {
-                base: string;
-                md: string;
-            };
-            svg: {
-                height: {
-                    base: string;
-                    md: string;
-                };
-                width: {
-                    md: string;
-                    lg: string;
-                };
-                marginTop: {
-                    base: string;
-                    md: string;
-                };
-            };
-            _focus: {
-                borderRadius: string;
-                outlineColor: string;
-                outlineOffset: string;
-                outlineStyle: string;
-                outlineWidth: string;
-            };
-        };
-    };
-};
-export default Header;
+export declare const headerBlack = "#2b2b2b";
+export declare const headerBlue = "#1B7FA7";
+export declare const headerDarkBlue = "#135772";
+export declare const headerFocusColor = "#0F465C";
+export declare const headerLightBlue = "#78CCED";
+export declare const headerLightBlueIcon = "#1DA1D4";
+export declare const headerRed = "#ED1C24";
+export declare const headerRedDarkMode = "dark.ui.error.primary";
+export declare const headerRedDonate = "#E32B31";
+export declare const headerYellow = "#FEE34A";
+export declare const headerYellowDark = "#403B2D";
+export declare const headerFocus: {
+    borderRadius: string;
+    outlineColor: string;
+    outlineOffset: string;
+    outlineStyle: string;
+    outlineWidth: string;
+};
+declare const Header: {
+    parts: string[];
+    baseStyle: {
+        fontFamily: string;
+        container: {
+            marginX: {
+                md: string;
+                xl: string;
+            };
+            maxWidth: string;
+            minHeight: {
+                base: string;
+                md: string;
+                lg: string;
+            };
+        };
+        horizontalRule: {
+            bg: string;
+            marginTop: string;
+            marginBottom: string;
+            _dark: {
+                backgroundColor: string;
+            };
+        };
+        logo: {
+            padding: {
+                base: string;
+                md: string;
+            };
+            svg: {
+                height: {
+                    base: string;
+                    md: string;
+                };
+                width: {
+                    md: string;
+                    lg: string;
+                };
+                marginTop: {
+                    base: string;
+                    md: string;
+                };
+            };
+            _focus: {
+                borderRadius: string;
+                outlineColor: string;
+                outlineOffset: string;
+                outlineStyle: string;
+                outlineWidth: string;
+            };
+        };
+    };
+};
+export default Header;