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

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

@@ -1,126 +1,125 @@
-interface SelectBaseStyle {
-    labelPosition: string;
-}
-declare const Select: {
-    parts: string[];
-    baseStyle: ({ labelPosition }: SelectBaseStyle) => {
-        inline: {
-            display: {
-                md: string;
-            };
-            gap: {
-                md: string;
-            };
-            alignItems: {
-                md: string;
-            };
-        };
-        select: {
-            flex: {
-                md: string;
-            };
-            backgroundColor: string;
-            borderRadius: string;
-            borderColor: string;
-            fontSize: string;
-            minHeight: {
-                base: string;
-                md: string;
-            };
-            paddingTop: string;
-            paddingEnd: string;
-            paddingBottom: string;
-            paddingStart: string;
-            _hover: {
-                borderColor: string;
-            };
-            _active: {
-                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;
-            };
-            _disabled: {
-                bg: string;
-                borderColor: string;
-                color: string;
-                opacity: string;
-                _dark: {
-                    bg: string;
-                    borderColor: string;
-                    color: string;
-                };
-            };
-            _focus: {
-                "+ .chakra-select__icon-wrapper": {
-                    zIndex: string;
-                };
-                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;
-            };
-            _invalid: {
-                border: string;
-                borderColor: string;
-                boxShadow: string;
-                color: string;
-            };
-            _dark: {
-                backgroundColor: string;
-                borderColor: string;
-                color: string;
-                _hover: {
-                    borderColor: string;
-                };
-                _invalid: {
-                    borderColor: string;
-                    color: string;
-                };
-            };
-        };
-    };
-    variants: {
-        searchbar: {
-            select: {
-                flex: string;
-                borderRightColor: {
-                    md: string;
-                };
-                borderRightRadius: {
-                    md: string;
-                };
-            };
-        };
-    };
-    defaultProps: {
-        size: string;
-    };
-};
-export default Select;
+interface SelectBaseStyle {
+    labelPosition: string;
+}
+declare const Select: {
+    parts: string[];
+    baseStyle: ({ labelPosition }: SelectBaseStyle) => {
+        inline: {
+            display: {
+                md: string;
+            };
+            gap: {
+                md: string;
+            };
+            alignItems: {
+                md: string;
+            };
+        };
+        select: {
+            flex: {
+                md: string;
+            };
+            backgroundColor: string;
+            borderRadius: string;
+            borderColor: string;
+            fontSize: string;
+            minHeight: {
+                base: string;
+                md: string;
+            };
+            paddingTop: string;
+            paddingEnd: string;
+            paddingBottom: string;
+            paddingStart: string;
+            _hover: {
+                borderColor: string;
+            };
+            _active: {
+                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;
+            };
+            _disabled: {
+                bg: string;
+                borderColor: string;
+                color: string;
+                opacity: string;
+                _dark: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+            };
+            _focus: {
+                "+ .chakra-select__icon-wrapper": {
+                    zIndex: string;
+                };
+                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;
+            };
+            _invalid: {
+                border: string;
+                borderColor: string;
+                boxShadow: string;
+                color: string;
+            };
+            _dark: {
+                backgroundColor: string;
+                borderColor: string;
+                _hover: {
+                    borderColor: string;
+                };
+                _invalid: {
+                    borderColor: string;
+                    color: string;
+                };
+            };
+        };
+    };
+    variants: {
+        searchbar: {
+            select: {
+                flex: string;
+                borderRightColor: {
+                    md: string;
+                };
+                borderRightRadius: {
+                    md: string;
+                };
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+    };
+};
+export default Select;

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

@@ -1,105 +1,105 @@
-interface SkeletonLoaderBaseStyle {
-    imageAspectRatio: keyof typeof imagePaddingBottomStyles;
-    isBordered: boolean;
-    showImage?: boolean;
-}
-declare const imagePaddingBottomStyles: {
-    landscape: string;
-    portrait: string;
-    square: string;
-};
-declare const SkeletonLoader: {
-    parts: string[];
-    baseStyle: ({ imageAspectRatio, isBordered }: SkeletonLoaderBaseStyle) => {
-        section: {
-            marginBottom: string;
-            _last: {
-                marginBottom: string;
-            };
-        };
-        image: {
-            boxSizing: string;
-            flexShrink: string;
-            height: string;
-            overflow: string;
-            paddingBottom: string;
-            position: string;
-            width: string;
-            borderRadius: string;
-            marginBottom: string;
-        };
-        container: {
-            marginTop: string;
-            width: string;
-        };
-        heading: {
-            height: string;
-            borderRadius: string;
-            boxSizing: string;
-            marginBottom: string;
-        };
-        content: {
-            height: string;
-            borderRadius: string;
-            boxSizing: string;
-            marginBottom: string;
-        };
-        button: {
-            height: string;
-            margin: string;
-            maxWidth: string;
-            width: string;
-        };
-        margin: string;
-        width: string;
-    };
-    variants: {
-        row: ({ imageAspectRatio, showImage }: SkeletonLoaderBaseStyle) => {
-            alignItems: string;
-            display: {
-                md: string;
-            };
-            image: {
-                overflow: {
-                    md: string;
-                };
-                paddingBottom: {
-                    md: string;
-                };
-                position: {
-                    md: string;
-                };
-                width: {
-                    md: string;
-                };
-                height: {
-                    md: string;
-                };
-            };
-            container: {
-                marginStart: {
-                    md: string;
-                };
-                marginTop: {
-                    md: string;
-                };
-            };
-            button: {
-                margin: {
-                    md: string;
-                };
-            };
-        };
-    };
-};
-declare const Skeleton: {
-    baseStyle: {
-        borderRadius: string;
-        bg: string;
-        animation: string;
-        _dark: {
-            bg: string;
-        };
-    };
-};
-export { Skeleton, SkeletonLoader };
+interface SkeletonLoaderBaseStyle {
+    imageAspectRatio: keyof typeof imagePaddingBottomStyles;
+    isBordered: boolean;
+    showImage?: boolean;
+}
+declare const imagePaddingBottomStyles: {
+    landscape: string;
+    portrait: string;
+    square: string;
+};
+declare const SkeletonLoader: {
+    parts: string[];
+    baseStyle: ({ imageAspectRatio, isBordered }: SkeletonLoaderBaseStyle) => {
+        section: {
+            marginBottom: string;
+            _last: {
+                marginBottom: string;
+            };
+        };
+        image: {
+            boxSizing: string;
+            flexShrink: string;
+            height: string;
+            overflow: string;
+            paddingBottom: string;
+            position: string;
+            width: string;
+            borderRadius: string;
+            marginBottom: string;
+        };
+        container: {
+            marginTop: string;
+            width: string;
+        };
+        heading: {
+            height: string;
+            borderRadius: string;
+            boxSizing: string;
+            marginBottom: string;
+        };
+        content: {
+            height: string;
+            borderRadius: string;
+            boxSizing: string;
+            marginBottom: string;
+        };
+        button: {
+            height: string;
+            margin: string;
+            maxWidth: string;
+            width: string;
+        };
+        margin: string;
+        width: string;
+    };
+    variants: {
+        row: ({ imageAspectRatio, showImage }: SkeletonLoaderBaseStyle) => {
+            alignItems: string;
+            display: {
+                md: string;
+            };
+            image: {
+                overflow: {
+                    md: string;
+                };
+                paddingBottom: {
+                    md: string;
+                };
+                position: {
+                    md: string;
+                };
+                width: {
+                    md: string;
+                };
+                height: {
+                    md: string;
+                };
+            };
+            container: {
+                marginStart: {
+                    md: string;
+                };
+                marginTop: {
+                    md: string;
+                };
+            };
+            button: {
+                margin: {
+                    md: string;
+                };
+            };
+        };
+    };
+};
+declare const Skeleton: {
+    baseStyle: {
+        borderRadius: string;
+        bg: string;
+        animation: string;
+        _dark: {
+            bg: string;
+        };
+    };
+};
+export { Skeleton, SkeletonLoader };

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

@@ -1,28 +1,28 @@
-declare const SkipNavigation: {
-    baseStyle: {
-        ul: {
-            margin: string;
-        };
-        a: {
-            backgroundColor: string;
-            height: string;
-            left: string;
-            overflow: string;
-            position: string;
-            top: string;
-            width: string;
-            _focus: {
-                height: string;
-                left: string;
-                paddingX: string;
-                paddingY: string;
-                top: string;
-                width: string;
-            };
-            _dark: {
-                backgroundColor: string;
-            };
-        };
-    };
-};
-export default SkipNavigation;
+declare const SkipNavigation: {
+    baseStyle: {
+        ul: {
+            margin: string;
+        };
+        a: {
+            backgroundColor: string;
+            height: string;
+            left: string;
+            overflow: string;
+            position: string;
+            top: string;
+            width: string;
+            _focus: {
+                height: string;
+                left: string;
+                paddingX: string;
+                paddingY: string;
+                top: string;
+                width: string;
+            };
+            _dark: {
+                backgroundColor: string;
+            };
+        };
+    };
+};
+export default SkipNavigation;

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

@@ -1,78 +1,78 @@
-interface CustomSliderBaseStyle {
-    isDarkMode: boolean;
-    isDisabled: boolean;
-    isInvalid: boolean;
-    showBoxes: boolean;
-    showValues: boolean;
-}
-declare const CustomSlider: {
-    parts: string[];
-    baseStyle: ({ isDarkMode, isDisabled, isInvalid, showBoxes, showValues, }: CustomSliderBaseStyle) => {
-        container: {
-            display: string;
-            alignItems: string;
-        };
-        leftValue: {
-            color: string;
-            _dark: {
-                color: string;
-            };
-            marginTop: string;
-            marginBottom: string;
-            marginEnd: string;
-            marginStart: string;
-        };
-        rightValue: {
-            marginStart: string;
-            marginEnd: string;
-            color: string;
-            _dark: {
-                color: string;
-            };
-            marginTop: string;
-            marginBottom: string;
-        };
-        textInput: {
-            minWidth: string;
-        };
-        sliderContainer: {
-            marginStart: string;
-            marginEnd: string;
-        };
-        filledTrack: {
-            bgColor: string;
-        };
-        track: {
-            bgColor: string;
-            _disabled: {
-                bgColor: string;
-            };
-            _dark: {
-                bgColor: string;
-                _disabled: {
-                    bgColor: string;
-                };
-            };
-        };
-        thumb: {
-            border: string;
-            borderColor: string;
-            boxShadow: string;
-            _active: {
-                transform: string;
-            };
-            _disabled: {
-                bgColor: string;
-                borderColor: string;
-            };
-            _dark: {
-                bgColor: string;
-                _disabled: {
-                    bgColor: string;
-                    borderColor: string;
-                };
-            };
-        };
-    };
-};
-export default CustomSlider;
+interface CustomSliderBaseStyle {
+    isDarkMode: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    showBoxes: boolean;
+    showValues: boolean;
+}
+declare const CustomSlider: {
+    parts: string[];
+    baseStyle: ({ isDarkMode, isDisabled, isInvalid, showBoxes, showValues, }: CustomSliderBaseStyle) => {
+        container: {
+            display: string;
+            alignItems: string;
+        };
+        leftValue: {
+            color: string;
+            _dark: {
+                color: string;
+            };
+            marginTop: string;
+            marginBottom: string;
+            marginEnd: string;
+            marginStart: string;
+        };
+        rightValue: {
+            marginStart: string;
+            marginEnd: string;
+            color: string;
+            _dark: {
+                color: string;
+            };
+            marginTop: string;
+            marginBottom: string;
+        };
+        textInput: {
+            minWidth: string;
+        };
+        sliderContainer: {
+            marginStart: string;
+            marginEnd: string;
+        };
+        filledTrack: {
+            bgColor: string;
+        };
+        track: {
+            bgColor: string;
+            _disabled: {
+                bgColor: string;
+            };
+            _dark: {
+                bgColor: string;
+                _disabled: {
+                    bgColor: string;
+                };
+            };
+        };
+        thumb: {
+            border: string;
+            borderColor: string;
+            boxShadow: string;
+            _active: {
+                transform: string;
+            };
+            _disabled: {
+                bgColor: string;
+                borderColor: string;
+            };
+            _dark: {
+                bgColor: string;
+                _disabled: {
+                    bgColor: string;
+                    borderColor: string;
+                };
+            };
+        };
+    };
+};
+export default CustomSlider;