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

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

@@ -1,129 +1,129 @@
-import { ToggleSizes } from "../../components/Toggle/Toggle";
-interface ToggleBaseStyle {
-    isDisabled: boolean;
-    size: ToggleSizes;
-}
-declare const _default: {
-    Toggle: {
-        parts: string[];
-        baseStyle: ({ isDisabled, size }: ToggleBaseStyle) => {
-            label: {
-                alignItems: string;
-                display: string;
-                width: string;
-            };
-            helperErrorText: {
-                marginStart: string;
-                fontStyle: string;
-            };
-        };
-        defaultProps: {
-            size: string;
-        };
-    };
-    Switch: {
-        baseStyle: ({ size }: {
-            size: string;
-        }) => {
-            alignItems: string;
-            track: {
-                backgroundColor: string;
-                border: string;
-                borderColor: string;
-                p: string;
-                _checked: {
-                    bg: string;
-                    borderColor: string;
-                    opacity: number;
-                };
-                _invalid: {
-                    bg: string;
-                    borderColor: string;
-                    "> span": {
-                        bg: string;
-                    };
-                };
-                _disabled: {
-                    bg: string;
-                    borderColor: string;
-                    _checked: {
-                        opacity: number;
-                    };
-                };
-                _focus: {
-                    outline: string;
-                    outlineColor: string;
-                    outlineOffset: string;
-                    zIndex: string;
-                };
-                _dark: {
-                    bgColor: string;
-                    borderColor: string;
-                    _checked: {
-                        bg: string;
-                        borderColor: string;
-                    };
-                    _invalid: {
-                        bg: string;
-                        borderColor: string;
-                        "> span": {
-                            bg: string;
-                        };
-                    };
-                    _disabled: {
-                        bg: string;
-                        borderColor: string;
-                        opacity: number;
-                        ".chakra-switch__thumb": {
-                            bgColor: string;
-                        };
-                    };
-                    _focus: {
-                        outlineColor: string;
-                    };
-                };
-            };
-            label: {
-                fontSize: string;
-                marginStart: string;
-                marginTop: string;
-                _disabled: {
-                    color: string;
-                    fontStyle: string;
-                };
-                _invalid: {
-                    color: string;
-                };
-                _dark: {
-                    _disabled: {
-                        color: string;
-                    };
-                    _invalid: {
-                        color: string;
-                    };
-                };
-            };
-            thumb: {
-                _dark: {
-                    bgColor: string;
-                };
-            };
-        };
-        sizes: {
-            sm: {
-                container: {
-                    [x: string]: string;
-                };
-            };
-            lg: {
-                container: {
-                    [x: string]: string;
-                };
-            };
-        };
-        defaultProps: {
-            colorScheme: string;
-        };
-    };
-};
-export default _default;
+import { ToggleSizes } from "../../components/Toggle/Toggle";
+interface ToggleBaseStyle {
+    isDisabled: boolean;
+    size: ToggleSizes;
+}
+declare const _default: {
+    Toggle: {
+        parts: string[];
+        baseStyle: ({ isDisabled, size }: ToggleBaseStyle) => {
+            label: {
+                alignItems: string;
+                display: string;
+                width: string;
+            };
+            helperErrorText: {
+                marginStart: string;
+                fontStyle: string;
+            };
+        };
+        defaultProps: {
+            size: string;
+        };
+    };
+    Switch: {
+        baseStyle: ({ size }: {
+            size: string;
+        }) => {
+            alignItems: string;
+            track: {
+                backgroundColor: string;
+                border: string;
+                borderColor: string;
+                p: string;
+                _checked: {
+                    bg: string;
+                    borderColor: string;
+                    opacity: number;
+                };
+                _invalid: {
+                    bg: string;
+                    borderColor: string;
+                    "> span": {
+                        bg: string;
+                    };
+                };
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    _checked: {
+                        opacity: number;
+                    };
+                };
+                _focus: {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                    zIndex: string;
+                };
+                _dark: {
+                    bgColor: string;
+                    borderColor: string;
+                    _checked: {
+                        bg: string;
+                        borderColor: string;
+                    };
+                    _invalid: {
+                        bg: string;
+                        borderColor: string;
+                        "> span": {
+                            bg: string;
+                        };
+                    };
+                    _disabled: {
+                        bg: string;
+                        borderColor: string;
+                        opacity: number;
+                        ".chakra-switch__thumb": {
+                            bgColor: string;
+                        };
+                    };
+                    _focus: {
+                        outlineColor: string;
+                    };
+                };
+            };
+            label: {
+                fontSize: string;
+                marginStart: string;
+                marginTop: string;
+                _disabled: {
+                    color: string;
+                    fontStyle: string;
+                };
+                _invalid: {
+                    color: string;
+                };
+                _dark: {
+                    _disabled: {
+                        color: string;
+                    };
+                    _invalid: {
+                        color: string;
+                    };
+                };
+            };
+            thumb: {
+                _dark: {
+                    bgColor: string;
+                };
+            };
+        };
+        sizes: {
+            sm: {
+                container: {
+                    [x: string]: string;
+                };
+            };
+            lg: {
+                container: {
+                    [x: string]: string;
+                };
+            };
+        };
+        defaultProps: {
+            colorScheme: string;
+        };
+    };
+};
+export default _default;

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

@@ -1,19 +1,19 @@
-declare const Tooltip: {
-    baseStyle: {
-        [x: string]: string | {
-            [x: string]: string;
-        };
-        borderRadius: string;
-        boxShadow: string;
-        color: string;
-        fontSize: string;
-        marginBottom: string;
-        maxWidth: string;
-        px: string;
-        py: string;
-        _dark: {
-            [x: string]: string;
-        };
-    };
-};
-export default Tooltip;
+declare const Tooltip: {
+    baseStyle: {
+        [x: string]: string | {
+            [x: string]: string;
+        };
+        borderRadius: string;
+        boxShadow: string;
+        color: string;
+        fontSize: string;
+        marginBottom: string;
+        maxWidth: string;
+        px: string;
+        py: string;
+        _dark: {
+            [x: string]: string;
+        };
+    };
+};
+export default Tooltip;

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

@@ -1,47 +1,47 @@
-declare const VideoPlayer: {
-    baseStyle: {
-        inside: {
-            height: string;
-            overflow: string;
-            paddingBottom: string;
-            position: string;
-        };
-        iframe: {
-            height: string;
-            left: string;
-            margin: string;
-            position: string;
-            top: string;
-            width: string;
-        };
-        helperText: {
-            marginBottom: string;
-            marginTop: string;
-        };
-    };
-    variants: {
-        fourByThree: {
-            inside: {
-                paddingBottom: string;
-            };
-        };
-        invalid: {
-            backgroundColor: string;
-            border: string;
-            borderColor: string;
-            height: string;
-            padding: string;
-            _dark: {
-                bg: string;
-                border: string;
-                borderColor: string;
-            };
-        };
-        square: {
-            inside: {
-                paddingBottom: string;
-            };
-        };
-    };
-};
-export default VideoPlayer;
+declare const VideoPlayer: {
+    baseStyle: {
+        inside: {
+            height: string;
+            overflow: string;
+            paddingBottom: string;
+            position: string;
+        };
+        iframe: {
+            height: string;
+            left: string;
+            margin: string;
+            position: string;
+            top: string;
+            width: string;
+        };
+        helperText: {
+            marginBottom: string;
+            marginTop: string;
+        };
+    };
+    variants: {
+        fourByThree: {
+            inside: {
+                paddingBottom: string;
+            };
+        };
+        invalid: {
+            backgroundColor: string;
+            border: string;
+            borderColor: string;
+            height: string;
+            padding: string;
+            _dark: {
+                bg: string;
+                border: string;
+                borderColor: string;
+            };
+        };
+        square: {
+            inside: {
+                paddingBottom: string;
+            };
+        };
+    };
+};
+export default VideoPlayer;

package/dist/{theme → src/theme}/foundations/breakpoints.d.ts

@@ -1,23 +1,23 @@
-declare const _default: import("@chakra-ui/theme-tools").Breakpoints<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    "2xl": string;
-}>;
-/**
- * Breakpoints from "src/styles/base/_01-breakpoints.scss"
- * How to use Chakra responsive styles: https://chakra-ui.com/docs/features/responsive-styles
- *
- * Chakra Value |     DS Variable           | EM/PX value
- * ------------------------------------------------------
- *      sm      | --nypl-breakpoint-small   | 20em/320px
- *      md      | --nypl-breakpoint-medium  | 37.5em/600px
- *      lg      | --nypl-breakpoint-large   | 60em/960px
- *      xl      | --nypl-breakpoint-xl      | 80em/1280px
- *     2xl      |        N/A                | 96em/1536px
- *
- * @Note Chakra provides a 2xl option while the DS does not. We don't
- * recommend using this value until further notice.
- */
-export default _default;
+/**
+ * Breakpoints from "src/styles/base/_01-breakpoints.scss"
+ * How to use Chakra responsive styles: https://chakra-ui.com/docs/features/responsive-styles
+ *
+ * Chakra Value |     DS Variable           | EM/PX value
+ * ------------------------------------------------------
+ *      sm      | --nypl-breakpoint-small   | 20em/320px
+ *      md      | --nypl-breakpoint-medium  | 37.5em/600px
+ *      lg      | --nypl-breakpoint-large   | 60em/960px
+ *      xl      | --nypl-breakpoint-xl      | 80em/1280px
+ *     2xl      |        N/A                | 96em/1536px
+ *
+ * @Note Chakra provides a 2xl option while the DS does not. We don't
+ * recommend using this value until further notice.
+ */
+declare const _default: import("@chakra-ui/theme-tools").Breakpoints<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+}>;
+export default _default;

package/dist/{theme → src/theme}/foundations/colors.d.ts

@@ -1,3 +1,3 @@
-import { Colors } from "@chakra-ui/react";
-declare const colors: Colors;
-export default colors;
+import { Colors } from "@chakra-ui/react";
+declare const colors: Colors;
+export default colors;

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

@@ -1,68 +1,68 @@
-/**
- * These rules affect all the global elements on the `body` element of the
- * page when the `DSProvider` component is used.
- */
-declare const global: {
-    body: {
-        boxSizing: string;
-        bg: string;
-        color: string;
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        overflowX: string;
-        _dark: {
-            bg: string;
-            color: string;
-        };
-    };
-    a: {
-        color: string;
-    };
-    svg: {
-        display: string;
-    };
-    "button, select, input, textarea": {
-        "&:not([disabled])": {
-            _focus: {
-                boxShadow: string;
-                outline: string;
-                outlineOffset: string;
-                outlineColor: string;
-                zIndex: string;
-                _dark: {
-                    outlineColor: string;
-                };
-            };
-        };
-    };
-    "iframe, [href], [tabindex], [contentEditable='true']": {
-        _focus: {
-            boxShadow: string;
-            outline: string;
-            outlineOffset: string;
-            outlineColor: string;
-            zIndex: string;
-            _dark: {
-                outlineColor: string;
-            };
-        };
-    };
-    p: {
-        margin: string;
-        marginBottom: string;
-    };
-    ul: {
-        margin: string;
-        marginBottom: string;
-    };
-    ol: {
-        margin: string;
-        marginBottom: string;
-    };
-    "*, *::before, &::after": {
-        boxSizing: string;
-    };
-};
-export default global;
+/**
+ * These rules affect all the global elements on the `body` element of the
+ * page when the `DSProvider` component is used.
+ */
+declare const global: {
+    body: {
+        boxSizing: string;
+        bg: string;
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        overflowX: string;
+        _dark: {
+            bg: string;
+            color: string;
+        };
+    };
+    a: {
+        color: string;
+    };
+    svg: {
+        display: string;
+    };
+    "button, select, input, textarea": {
+        "&:not([disabled])": {
+            _focus: {
+                boxShadow: string;
+                outline: string;
+                outlineOffset: string;
+                outlineColor: string;
+                zIndex: string;
+                _dark: {
+                    outlineColor: string;
+                };
+            };
+        };
+    };
+    "iframe, [href], [tabindex], [contentEditable='true']": {
+        _focus: {
+            boxShadow: string;
+            outline: string;
+            outlineOffset: string;
+            outlineColor: string;
+            zIndex: string;
+            _dark: {
+                outlineColor: string;
+            };
+        };
+    };
+    p: {
+        margin: string;
+        marginBottom: string;
+    };
+    ul: {
+        margin: string;
+        marginBottom: string;
+    };
+    ol: {
+        margin: string;
+        marginBottom: string;
+    };
+    "*, *::before, &::after": {
+        boxSizing: string;
+    };
+};
+export default global;

package/dist/{theme → src/theme}/foundations/radii.d.ts

@@ -1,11 +1,11 @@
-declare const radii: {
-    button: {
-        default: string;
-        pill: string;
-    };
-    checkbox: string;
-    headerDonate: string;
-    pill: string;
-    round: string;
-};
-export default radii;
+declare const radii: {
+    button: {
+        default: string;
+        pill: string;
+    };
+    checkbox: string;
+    headerDonate: string;
+    pill: string;
+    round: string;
+};
+export default radii;

package/dist/{theme → src/theme}/foundations/shadows.d.ts

@@ -1,4 +1,4 @@
-declare const shadows: {
-    outline: string;
-};
-export default shadows;
+declare const shadows: {
+    outline: string;
+};
+export default shadows;