@spothero/ui 24.1.0 → 24.1.1-beta.1

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1 @@
+export { Icon as default } from "@chakra-ui/react";

package/dist/components/RefreshedInput/FormControl/index.d.ts

@@ -0,0 +1,7 @@
+export default FormControl;
+/**
+ * A component used in the homepage/midfunnel refresh of 2024
+ * This formControl allows us to standardize the label movement animation as well as the left/right icons
+ * Can be used solo but typically will be used by the Refreshed components themselves
+ */
+declare const FormControl: any;

package/dist/components/RefreshedInput/Select/Select.d.ts

@@ -0,0 +1,8 @@
+export default Select;
+/**
+ * A component used in the homepage/midfunnel refresh of 2024
+ * Initially built as purpose built as possible with hopes of extending it to other systems
+ * using `<RefreshedSelect><option value="1"/>/<RefreshedSelect>` will bring in the core of this.
+ * Left arrow is static for this select.  You can pass a second left element in but it will not over write the down arrow currently
+ */
+declare const Select: any;

package/dist/components/RefreshedInput/Select/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Select';

package/dist/components/Select/styles/index.d.ts

@@ -0,0 +1,221 @@
+declare const _default: {
+    baseStyle?: {
+        field: {
+            appearance: string;
+            paddingBottom: string;
+            lineHeight: string;
+            bg: string;
+            _dark: {
+                [x: string]: string;
+            };
+            "> option, > optgroup": {
+                bg: string;
+            };
+            width?: string | undefined;
+            height?: string | undefined;
+            fontSize?: string | undefined;
+            px?: string | undefined;
+            borderRadius?: string | undefined;
+            minWidth?: number | undefined;
+            outline?: number | undefined;
+            position?: string | undefined;
+            transitionProperty?: string | undefined;
+            transitionDuration?: string | undefined;
+            _disabled?: {
+                opacity: number;
+                cursor: string;
+            } | undefined;
+        };
+        icon: {
+            width: string;
+            height: string;
+            insetEnd: string;
+            position: string;
+            color: string;
+            fontSize: string;
+            _disabled: {
+                opacity: number;
+            };
+        };
+    } | undefined;
+    sizes?: {
+        lg: {
+            field: {
+                paddingInlineEnd: string;
+            };
+            group?: {
+                [x: string]: string;
+            } | undefined;
+        };
+        md: {
+            field: {
+                paddingInlineEnd: string;
+            };
+            group?: {
+                [x: string]: string;
+            } | undefined;
+        };
+        sm: {
+            field: {
+                paddingInlineEnd: string;
+            };
+            group?: {
+                [x: string]: string;
+            } | undefined;
+        };
+        xs: {
+            field: {
+                paddingInlineEnd: string;
+            };
+            icon: {
+                insetEnd: string;
+            };
+            group?: {
+                [x: string]: string;
+            } | undefined;
+        };
+    } | undefined;
+    variants?: {
+        outline: (props: import(".pnpm/@chakra-ui+styled-system@2.9.2/node_modules/@chakra-ui/styled-system").StyleFunctionProps) => {
+            field: {
+                border: string;
+                borderColor: string;
+                bg: string;
+                _hover: {
+                    borderColor: string;
+                };
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+                _focusVisible: {
+                    zIndex: number;
+                    borderColor: any;
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                border: string;
+                borderColor: string;
+                bg: string;
+            };
+        };
+        filled: (props: import(".pnpm/@chakra-ui+styled-system@2.9.2/node_modules/@chakra-ui/styled-system").StyleFunctionProps) => {
+            field: {
+                border: string;
+                borderColor: string;
+                bg: string;
+                _hover: {
+                    bg: string;
+                };
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                };
+                _focusVisible: {
+                    bg: string;
+                    borderColor: any;
+                };
+            };
+            addon: {
+                border: string;
+                borderColor: string;
+                bg: string;
+            };
+        };
+        flushed: (props: import(".pnpm/@chakra-ui+styled-system@2.9.2/node_modules/@chakra-ui/styled-system").StyleFunctionProps) => {
+            field: {
+                borderBottom: string;
+                borderColor: string;
+                borderRadius: string;
+                px: string;
+                bg: string;
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+                _focusVisible: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                borderBottom: string;
+                borderColor: string;
+                borderRadius: string;
+                px: string;
+                bg: string;
+            };
+        };
+        unstyled: {
+            field: {
+                bg: string;
+                px: string;
+                height: string;
+            };
+            addon: {
+                bg: string;
+                px: string;
+                height: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "xs" | "md" | "lg" | undefined;
+        variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("icon" | "field")[];
+} & {
+    baseStyle: {
+        field: {
+            fontFamily: string;
+            fontWeight: number;
+        };
+    };
+    variants: {
+        outline: {
+            field: {
+                border: string;
+                borderColor: string;
+                bg: string;
+                _hover: {
+                    borderColor: string;
+                };
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _disabled: {
+                    opacity: number;
+                    cursor: string;
+                };
+                _invalid: {
+                    borderColor: string;
+                    boxShadow: (t: any) => string;
+                };
+                _focus: {
+                    borderColor: string;
+                    boxShadow: (t: any) => string;
+                };
+            };
+            addon: {
+                border: string;
+                borderColor: string;
+                bg: string;
+            };
+        };
+    };
+};
+export default _default;