@spothero/ui 25.6.0 → 25.12.0

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

@@ -1,116 +1,4 @@
-declare const _default: {
-    defaultProps: {
-        colorScheme: string;
-        size: string;
-    };
-    baseStyle: (props: any) => {
-        container: {
-            [x: string]: string | {
-                [x: string]: string;
-            };
-            _rtl: {
-                [x: string]: string;
-            };
-        };
-        track: {
-            [x: string]: string | string[] | {
-                [x: string]: string;
-                boxShadow?: undefined;
-                opacity?: undefined;
-                cursor?: undefined;
-                _dark?: undefined;
-            } | {
-                boxShadow: string;
-                opacity?: undefined;
-                cursor?: undefined;
-                _dark?: undefined;
-            } | {
-                opacity: number;
-                cursor: string;
-                boxShadow?: undefined;
-                _dark?: undefined;
-            } | {
-                [x: string]: string | {
-                    [x: string]: string;
-                };
-                _dark: {
-                    [x: string]: string;
-                };
-                boxShadow?: undefined;
-                opacity?: undefined;
-                cursor?: undefined;
-            };
-            borderRadius: string;
-            p: string;
-            width: string[];
-            height: string[];
-            transitionProperty: string;
-            transitionDuration: string;
-            _dark: {
-                [x: string]: string;
-            };
-            _focusVisible: {
-                boxShadow: string;
-            };
-            _disabled: {
-                opacity: number;
-                cursor: string;
-            };
-            _checked: {
-                [x: string]: string | {
-                    [x: string]: string;
-                };
-                _dark: {
-                    [x: string]: string;
-                };
-            };
-            bg: string;
-        };
-        thumb: {
-            bg: string;
-            transitionProperty: string;
-            transitionDuration: string;
-            borderRadius: string;
-            width: string[];
-            height: string[];
-            _checked: {
-                transform: string;
-            };
-        };
-    } & {
-        track: {
-            overflow: string;
-        };
-        thumb: {
-            transition: string;
-            boxShadow: string;
-            _hover: {
-                boxShadow: string;
-            };
-        };
-    };
-    sizes?: {
-        sm: {
-            container: {
-                [x: string]: string;
-            };
-        };
-        md: {
-            container: {
-                [x: string]: string;
-            };
-        };
-        lg: {
-            container: {
-                [x: string]: string;
-            };
-        };
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "label" | "track" | "thumb")[];
-        }>;
-    } | undefined;
-    parts: ("container" | "label" | "track" | "thumb")[];
-};
-export default _default;
+import { theme as chakraDefaultTheme } from '@chakra-ui/react';
+type SwitchStyle = NonNullable<typeof chakraDefaultTheme.components.Switch>;
+declare const switchStyle: SwitchStyle;
+export default switchStyle;

package/dist/components/Table/Table.styles.d.ts

@@ -38,10 +38,7 @@ declare namespace baseStyle {
     }
     export namespace th {
         let fontFamily: string;
-        let fontSize: {
-            base: "1rem";
-            desktop: "1.25rem";
-        };
+        let fontSize: unknown;
         let fontWeight: string;
         let letterSpacing: string;
         let padding: number;

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TextProps as ChakraTextProps } from '@chakra-ui/react';
+import { variants } from './Text.styles';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+type TextVariant = keyof typeof variants;
+export interface TextProps extends Omit<ChakraTextProps, 'as' | 'variant'> {
+    as?: React.ElementType;
+    variant?: TextVariant;
+}
+declare const Text: ForwardRefComponent<HTMLElement, TextProps>;
+export default Text;

package/dist/components/Text/Text.styles.d.ts

@@ -1,30 +1,29 @@
-export namespace variants {
-    namespace body {
-        namespace fontSize {
-            let base: "1rem";
-            let desktop: "1rem";
-        }
-        let lineHeight: number;
-        let fontWeight: 400;
-    }
-    namespace body2 {
-        export namespace fontSize_1 {
-            let base_1: "0.875rem";
-            export { base_1 as base };
-            let desktop_1: "0.875rem";
-            export { desktop_1 as desktop };
-        }
-        export { fontSize_1 as fontSize };
-    }
-    namespace caption {
-        export namespace fontSize_2 {
-            let base_2: "0.75rem";
-            export { base_2 as base };
-            let desktop_2: "0.75rem";
-            export { desktop_2 as desktop };
-        }
-        export { fontSize_2 as fontSize };
-    }
-}
-declare const _default: any;
-export default _default;
+import type { StyleConfig } from '@chakra-ui/react';
+export declare const variants: {
+    body: {
+        fontSize: {
+            base: "1rem";
+            desktop: "1rem";
+        };
+        lineHeight: number;
+        fontWeight: 400;
+    };
+    body2: {
+        fontSize: {
+            base: "0.875rem";
+            desktop: "0.875rem";
+        };
+        lineHeight: number;
+        fontWeight: 400;
+    };
+    caption: {
+        fontSize: {
+            base: "0.75rem";
+            desktop: "0.75rem";
+        };
+        lineHeight: number;
+        fontWeight: 400;
+    };
+};
+declare const textStyle: StyleConfig;
+export default textStyle;

package/dist/components/Text/combineAsWithVariant.d.ts

@@ -0,0 +1,101 @@
+import { variants } from './Text.styles';
+type TextVariant = keyof typeof variants;
+/**
+ * ### `combineAsWithVariant`
+ * A function that takes in the `as` value (the HTML element to render the Text component as), and the
+ * `variant` value. The default-like styling for the `as` prop is merged with the styling from the
+ * `variant` and a combined styleProp object is returned.
+ *
+ * By default the `as` property only effects the underlying semantics of the markup, whereas the
+ * `variant` only effects the visual styling of the text. In order for the text component to be built
+ * with accessibility and ease-of-use in mind, these two properties _should_ be interconnected. Having
+ * the style and markup unified allows an experience that is accessible to those using screen-readers
+ * (or any other assistive technology) that matches (or is at least a close approximation) of the
+ * "standard" visual experience.
+ *
+ * @function combineAsWithVariant
+ * @param {string} args.as - The HTML element to render the Text component as
+ * @param {string} args.variant - The style variant for the Text component
+ * @returns {Object} An object containing the merged styleProps from the `variant` and the `as` props
+ */
+declare const combineAsWithVariant: ({ as, variant }: {
+    as?: string;
+    variant: TextVariant;
+}) => {
+    fontWeight: 600;
+    fontSize: {
+        base: "1rem";
+        desktop: "1rem";
+    };
+    lineHeight: number;
+} | {
+    fontWeight: 600;
+    fontSize: {
+        base: "0.875rem";
+        desktop: "0.875rem";
+    };
+    lineHeight: number;
+} | {
+    fontWeight: 600;
+    fontSize: {
+        base: "0.75rem";
+        desktop: "0.75rem";
+    };
+    lineHeight: number;
+} | {
+    fontStyle: string;
+    fontSize: {
+        base: "1rem";
+        desktop: "1rem";
+    };
+    lineHeight: number;
+    fontWeight: 400;
+} | {
+    fontStyle: string;
+    fontSize: {
+        base: "0.875rem";
+        desktop: "0.875rem";
+    };
+    lineHeight: number;
+    fontWeight: 400;
+} | {
+    fontStyle: string;
+    fontSize: {
+        base: "0.75rem";
+        desktop: "0.75rem";
+    };
+    lineHeight: number;
+    fontWeight: 400;
+} | {
+    textDecoration: string;
+    fontSize: {
+        base: "1rem";
+        desktop: "1rem";
+    };
+    lineHeight: number;
+    fontWeight: 400;
+} | {
+    textDecoration: string;
+    fontSize: {
+        base: "0.875rem";
+        desktop: "0.875rem";
+    };
+    lineHeight: number;
+    fontWeight: 400;
+} | {
+    textDecoration: string;
+    fontSize: {
+        base: "0.75rem";
+        desktop: "0.75rem";
+    };
+    lineHeight: number;
+    fontWeight: 400;
+} | {
+    fontSize: {
+        base: string;
+        desktop: string;
+    };
+    lineHeight: number;
+    fontWeight: 400;
+};
+export default combineAsWithVariant;

package/dist/components/Text/options.d.ts

@@ -0,0 +1,2 @@
+declare const options: string[];
+export default options;

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TextareaProps as ChakraTextareaProps } from '@chakra-ui/react';
+export interface TextareaProps extends ChakraTextareaProps {
+    id: string;
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+    isOptional?: boolean;
+    customRequiredText?: string;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/components/Textarea/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import type { StyleConfig } from '@chakra-ui/react';
+declare const textareaStyle: StyleConfig;
+export default textareaStyle;