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

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

@@ -1,68 +1,68 @@
-import { ProgressIndicatorSizes } from "../../components/ProgressIndicator/ProgressIndicator";
-interface ProgressIndicatorBaseStyle {
-    darkMode: boolean;
-    size: ProgressIndicatorSizes;
-}
-declare const ProgressIndicator: {
-    parts: string[];
-    baseStyle: ({ darkMode, size }: ProgressIndicatorBaseStyle) => {
-        color: string;
-        _dark: {
-            color: string;
-        };
-        circular: {
-            svg: {
-                height: string;
-                width: string;
-                display: string;
-                circle: {
-                    _first: {
-                        stroke: string;
-                        _dark: {
-                            stroke: string;
-                        };
-                    };
-                    _last: {
-                        stroke: string;
-                        _dark: {
-                            stroke: string;
-                        };
-                    };
-                };
-            };
-        };
-        circularContainer: {
-            alignItems: string;
-            display: string;
-            flexDirection: string;
-            width: string;
-        };
-        linear: {
-            "> div": {
-                bg: string;
-                _dark: {
-                    bg: string;
-                };
-            };
-            flex: number;
-            bg: string;
-            height: {
-                base: string;
-                md: string;
-            };
-            _dark: {
-                bg: string;
-                color: string;
-            };
-        };
-        linearContainer: {
-            display: string;
-            alignItems: string;
-        };
-        linearPercentage: {
-            padding: string;
-            flex: number;
-        };
-    };
-};
-export default ProgressIndicator;
+import { ProgressIndicatorSizes } from "../../components/ProgressIndicator/ProgressIndicator";
+interface ProgressIndicatorBaseStyle {
+    darkMode: boolean;
+    size: ProgressIndicatorSizes;
+}
+declare const ProgressIndicator: {
+    parts: string[];
+    baseStyle: ({ darkMode, size }: ProgressIndicatorBaseStyle) => {
+        color: string;
+        _dark: {
+            color: string;
+        };
+        circular: {
+            svg: {
+                height: string;
+                width: string;
+                display: string;
+                circle: {
+                    _first: {
+                        stroke: string;
+                        _dark: {
+                            stroke: string;
+                        };
+                    };
+                    _last: {
+                        stroke: string;
+                        _dark: {
+                            stroke: string;
+                        };
+                    };
+                };
+            };
+        };
+        circularContainer: {
+            alignItems: string;
+            display: string;
+            flexDirection: string;
+            width: string;
+        };
+        linear: {
+            "> div": {
+                bg: string;
+                _dark: {
+                    bg: string;
+                };
+            };
+            flex: number;
+            bg: string;
+            height: {
+                base: string;
+                md: string;
+            };
+            _dark: {
+                bg: string;
+                color: string;
+            };
+        };
+        linearContainer: {
+            display: string;
+            alignItems: string;
+        };
+        linearPercentage: {
+            padding: string;
+            flex: number;
+        };
+    };
+};
+export default ProgressIndicator;

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

@@ -1,202 +1,202 @@
-declare const Radio: {
-    parts: string[];
-    baseStyle: {
-        control: {
-            verticalAlign: string;
-            transitionProperty: string;
-            transitionDuration: string;
-            border: string;
-            borderRadius: string;
-            borderColor: string;
-            backgroundColor: string;
-            color: string;
-            outline: string;
-            _checked: {
-                bg: string;
-                borderColor: string;
-                color: string;
-                _disabled: {
-                    borderColor: string;
-                    bg: string;
-                    _before: {
-                        bg: string;
-                    };
-                };
-                _invalid: {
-                    _hover: {
-                        borderColor: string;
-                    };
-                    _before: {
-                        borderColor: string;
-                        bg: string;
-                    };
-                };
-                _hover: {
-                    bg: string;
-                };
-                _before: {
-                    content: string;
-                    display: string;
-                    w: string;
-                    h: string;
-                    borderRadius: string;
-                    bg: string;
-                };
-            };
-            _disabled: {
-                borderColor: string;
-                bg: string;
-            };
-            _focus: {
-                boxShadow: string;
-                borderColor: string;
-                outline: string;
-                outlineOffset: string;
-                outlineColor: string;
-                zIndex: string;
-                _dark: {
-                    outlineColor: string;
-                };
-            };
-            _invalid: {
-                borderColor: string;
-            };
-            _dark: {
-                borderColor: string;
-                backgroundColor: string;
-                _checked: {
-                    borderColor: string;
-                    _disabled: {
-                        borderColor: string;
-                        _before: {
-                            bg: string;
-                        };
-                    };
-                    _invalid: {
-                        borderColor: string;
-                        _before: {
-                            borderColor: string;
-                            bg: string;
-                        };
-                    };
-                };
-                _disabled: {
-                    borderColor: string;
-                    _before: {
-                        bg: string;
-                    };
-                };
-                _focus: {
-                    boxShadow: string;
-                    outlineColor: string;
-                };
-                _invalid: {
-                    borderColor: string;
-                };
-                _before: {
-                    bg: string;
-                };
-            };
-        };
-        label: {
-            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;
-                };
-            };
-        };
-        helperErrorText: {
-            marginStart: string;
-            _disabled: {
-                color: string;
-                fontStyle: string;
-            };
-        };
-        hiddenLabel: {
-            clip: string;
-            height: {
-                base: string;
-                md: string;
-            };
-            overflow: string;
-            position: {
-                base: string;
-                md: string;
-            };
-            width: {
-                base: string;
-                md: string;
-            };
-            wordWrap: string;
-        };
-    };
-    sizes: {
-        md: {
-            control: {
-                h: string;
-                w: string;
-            };
-            label: {
-                fontSize: string;
-            };
-        };
-    };
-    defaultProps: {
-        size: string;
-    };
-};
-export declare const RadioWrapper: {
-    baseStyle: {
-        label: {
-            _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;
-                        };
-                    };
-                };
-            };
-        };
-    };
-};
-export default Radio;
+declare const Radio: {
+    parts: string[];
+    baseStyle: {
+        control: {
+            verticalAlign: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            border: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            color: string;
+            outline: string;
+            _checked: {
+                bg: string;
+                borderColor: string;
+                color: string;
+                _disabled: {
+                    borderColor: string;
+                    bg: string;
+                    _before: {
+                        bg: string;
+                    };
+                };
+                _invalid: {
+                    _hover: {
+                        borderColor: string;
+                    };
+                    _before: {
+                        borderColor: string;
+                        bg: string;
+                    };
+                };
+                _hover: {
+                    bg: string;
+                };
+                _before: {
+                    content: string;
+                    display: string;
+                    w: string;
+                    h: string;
+                    borderRadius: string;
+                    bg: string;
+                };
+            };
+            _disabled: {
+                borderColor: string;
+                bg: string;
+            };
+            _focus: {
+                boxShadow: string;
+                borderColor: string;
+                outline: string;
+                outlineOffset: string;
+                outlineColor: string;
+                zIndex: string;
+                _dark: {
+                    outlineColor: string;
+                };
+            };
+            _invalid: {
+                borderColor: string;
+            };
+            _dark: {
+                borderColor: string;
+                backgroundColor: string;
+                _checked: {
+                    borderColor: string;
+                    _disabled: {
+                        borderColor: string;
+                        _before: {
+                            bg: string;
+                        };
+                    };
+                    _invalid: {
+                        borderColor: string;
+                        _before: {
+                            borderColor: string;
+                            bg: string;
+                        };
+                    };
+                };
+                _disabled: {
+                    borderColor: string;
+                    _before: {
+                        bg: string;
+                    };
+                };
+                _focus: {
+                    boxShadow: string;
+                    outlineColor: string;
+                };
+                _invalid: {
+                    borderColor: string;
+                };
+                _before: {
+                    bg: string;
+                };
+            };
+        };
+        label: {
+            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;
+                };
+            };
+        };
+        helperErrorText: {
+            marginStart: string;
+            _disabled: {
+                color: string;
+                fontStyle: string;
+            };
+        };
+        hiddenLabel: {
+            clip: string;
+            height: {
+                base: string;
+                md: string;
+            };
+            overflow: string;
+            position: {
+                base: string;
+                md: string;
+            };
+            width: {
+                base: string;
+                md: string;
+            };
+            wordWrap: string;
+        };
+    };
+    sizes: {
+        md: {
+            control: {
+                h: string;
+                w: string;
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+    };
+};
+export declare const RadioWrapper: {
+    baseStyle: {
+        label: {
+            _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;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};
+export default Radio;

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

@@ -1,14 +1,14 @@
-declare const RadioGroup: {
-    parts: string[];
-    baseStyle: ({ isFullWidth }: {
-        isFullWidth?: boolean;
-    }) => {
-        helperErrorText: {
-            marginTop: string;
-        };
-        label: {
-            width: string;
-        };
-    };
-};
-export default RadioGroup;
+declare const RadioGroup: {
+    parts: string[];
+    baseStyle: ({ isFullWidth }: {
+        isFullWidth?: boolean;
+    }) => {
+        helperErrorText: {
+            marginTop: string;
+        };
+        label: {
+            width: string;
+        };
+    };
+};
+export default RadioGroup;

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

@@ -1,34 +1,34 @@
-declare const SearchBar: {
-    parts: string[];
-    baseStyle: {
-        display: string;
-        marginBottom: {
-            base: string;
-            md: string;
-        };
-        flexFlow: {
-            base: string;
-            md: string;
-        };
-        select: {
-            flexShrink: string;
-            marginBottom: {
-                base: string;
-                md: string;
-            };
-            maxWidth: {
-                base: any;
-                md: string;
-            };
-            textOverflow: string;
-            marginRight: {
-                base: any;
-                md: string;
-            };
-            _hover: {
-                zIndex: string;
-            };
-        };
-    };
-};
-export default SearchBar;
+declare const SearchBar: {
+    parts: string[];
+    baseStyle: {
+        display: string;
+        marginBottom: {
+            base: string;
+            md: string;
+        };
+        flexFlow: {
+            base: string;
+            md: string;
+        };
+        select: {
+            flexShrink: string;
+            marginBottom: {
+                base: string;
+                md: string;
+            };
+            maxWidth: {
+                base: any;
+                md: string;
+            };
+            textOverflow: string;
+            marginRight: {
+                base: any;
+                md: string;
+            };
+            _hover: {
+                zIndex: string;
+            };
+        };
+    };
+};
+export default SearchBar;