@lateralus-ai/shipping-ui 1.4.16 → 2.0.0-dev.10

package/dist/tailwind-theme.d.ts

@@ -1,230 +1,266 @@
 export declare const theme: {
     fontFamily: {
+        heading: string[];
         sans: string[];
         mono: string[];
-        signature: string[];
     };
     fontSize: {
-        title: (string | {
-            lineHeight: string;
-            letterSpacing: string;
-        })[];
-        "title-em": (string | {
-            lineHeight: string;
-            letterSpacing: string;
-            fontWeight: string;
-        })[];
-        subheader: (string | {
-            lineHeight: string;
-            letterSpacing: string;
-        })[];
-        "subheader-em": (string | {
-            lineHeight: string;
-            letterSpacing: string;
-            fontWeight: string;
-        })[];
-        body: (string | {
-            lineHeight: string;
-            letterSpacing: string;
-        })[];
-        "body-em": (string | {
-            lineHeight: string;
-            letterSpacing: string;
-            fontWeight: string;
-        })[];
-        "caption-1": (string | {
-            lineHeight: string;
-        })[];
-        "caption-1-em": (string | {
-            lineHeight: string;
-            fontWeight: string;
-        })[];
-        "caption-2": (string | {
-            lineHeight: string;
-        })[];
-        "caption-2-em": (string | {
-            lineHeight: string;
-            fontWeight: string;
-        })[];
-        footnote: (string | {
-            lineHeight: string;
-        })[];
-        "footnote-em": (string | {
-            lineHeight: string;
-            fontWeight: string;
-        })[];
+        title: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "title-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        heading: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        subheader: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "subheader-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        body: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "body-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "caption-1": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "caption-1-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "caption-2": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "caption-2-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        footnote: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "footnote-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
     };
-    width: {
-        authPageWidth: string;
+    boxShadow: {
+        raise1: "0 1px 2px rgba(38, 36, 32, 0.06), 0 1px 3px rgba(38, 36, 32, 0.04)";
+        raise2: "0 2px 8px rgba(38, 36, 32, 0.08), 0 1px 2px rgba(38, 36, 32, 0.04)";
+        raise3: "0 8px 24px rgba(38, 36, 32, 0.12), 0 2px 8px rgba(38, 36, 32, 0.06)";
     };
-    keyframes: {
-        "accordion-down": {
-            from: {
-                height: number;
-            };
-            to: {
-                height: string;
-            };
-        };
-        "accordion-up": {
-            from: {
-                height: string;
-            };
-            to: {
-                height: number;
-            };
-        };
-    };
-    animation: {
-        "accordion-down": string;
-        "accordion-up": string;
+    borderRadius: {
+        control: "8px";
+        lg: "8px";
+        md: "6px";
+        sm: "4px";
     };
     colors: {
-        brand: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+        grey: {
+            readonly 50: "#fdfdfc";
+            readonly 100: "#f4f2ea";
+            readonly 200: "#e1ddce";
+            readonly 300: "#bfb9a5";
+            readonly 400: "#969080";
+            readonly 500: "#6e6960";
+            readonly 600: "#524e47";
+            readonly 700: "#3a3733";
+            readonly 800: "#312e2a";
+            readonly 900: "#262420";
         };
         gray: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#fdfdfc";
+            readonly 100: "#f4f2ea";
+            readonly 200: "#e1ddce";
+            readonly 300: "#bfb9a5";
+            readonly 400: "#969080";
+            readonly 500: "#6e6960";
+            readonly 600: "#524e47";
+            readonly 700: "#3a3733";
+            readonly 800: "#312e2a";
+            readonly 900: "#262420";
         };
         green: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#f5f8f2";
+            readonly 100: "#dde6d2";
+            readonly 200: "#c5d4b3";
+            readonly 300: "#a8bf8f";
+            readonly 400: "#7a9a5e";
+            readonly 500: "#5a7a42";
+            readonly 600: "#456332";
+            readonly 700: "#304624";
+            readonly 800: "#223018";
+            readonly 900: "#141c0e";
         };
         blue: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#eef1f8";
+            readonly 100: "#dae0ef";
+            readonly 200: "#b8c4e0";
+            readonly 300: "#8fa3cc";
+            readonly 400: "#5274ae";
+            readonly 500: "#3a5d96";
+            readonly 600: "#154199";
+            readonly 700: "#103480";
+            readonly 800: "#0c2860";
+            readonly 900: "#081c42";
         };
         red: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#faf3f1";
+            readonly 100: "#f0d3cc";
+            readonly 200: "#e4b0a5";
+            readonly 300: "#c97a6b";
+            readonly 400: "#b85a48";
+            readonly 500: "#a0392a";
+            readonly 600: "#802c20";
+            readonly 700: "#621f16";
+            readonly 800: "#45150f";
+            readonly 900: "#2a0c08";
         };
         orange: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#faf1de";
+            readonly 100: "#f5e4c0";
+            readonly 200: "#efd49a";
+            readonly 300: "#e4bc6a";
+            readonly 400: "#d9a03e";
+            readonly 500: "#c48820";
+            readonly 600: "#8f6318";
+            readonly 700: "#5a3d0d";
+            readonly 800: "#3d2a09";
+            readonly 900: "#261a05";
         };
         purple: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#f6f2f8";
+            readonly 100: "#e2d9e8";
+            readonly 200: "#cbbad6";
+            readonly 300: "#b09bc3";
+            readonly 400: "#957cb0";
+            readonly 500: "#7a5d9d";
+            readonly 600: "#5e4680";
+            readonly 700: "#3d2e4a";
+            readonly 800: "#2a2033";
+            readonly 900: "#18121c";
+        };
+        white: string;
+        action: {
+            primary: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+            secondary: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+            tertiary: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+            quaternary: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+            destructive: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+        };
+        background: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            hover: string;
+            selected: string;
+            overlay: string;
+        };
+        display: {
+            "on-light": {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                quaternary: string;
+            };
+            "on-dark": {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                quaternary: string;
+            };
+        };
+        accent: {
+            "on-light": string;
+            "on-dark": string;
+            "bg-light": string;
+            "bg-lighter": string;
+        };
+        divider: {
+            primary: string;
+            secondary: string;
+        };
+        meta: {
+            green: string;
+            onGreen: string;
+            orange: string;
+            onOrange: string;
+            red: string;
+            onRed: string;
+            blue: string;
+            onBlue: string;
+            purple: string;
+            onPurple: string;
         };
-        "brand-purple": string;
-        presentation: string;
         "text-primary": string;
         "text-secondary": string;
-        "text-secondary-alt": string;
         "text-tertiary": string;
-        "ring-primary": string;
-        "header-primary": string;
-        "header-hover": string;
-        "header-button-hover": string;
-        "surface-active": string;
-        "surface-active-alt": string;
-        "surface-hover": string;
         "surface-primary": string;
-        "surface-primary-alt": string;
-        "surface-primary-contrast": string;
         "surface-secondary": string;
-        "surface-secondary-alt": string;
-        "surface-tertiary": string;
-        "surface-tertiary-alt": string;
-        "surface-dialog": string;
-        "surface-submit": string;
+        "surface-hover": string;
         "border-light": string;
         "border-medium": string;
-        "border-medium-alt": string;
-        "border-heavy": string;
-        "border-xheavy": string;
-        border: string;
-        input: string;
-        "switch-unchecked": string;
-        ring: string;
-        background: string;
-        foreground: string;
-        primary: {
-            DEFAULT: string;
-            foreground: string;
-        };
-        secondary: {
-            DEFAULT: string;
-            foreground: string;
-        };
-        destructive: {
-            DEFAULT: string;
-            foreground: string;
-        };
-        muted: {
-            DEFAULT: string;
-            foreground: string;
-        };
-        accent: {
-            DEFAULT: string;
-            foreground: string;
-        };
-        card: {
-            DEFAULT: string;
-            foreground: string;
-        };
-    };
-    borderRadius: {
-        lg: string;
-        md: string;
-        sm: string;
     };
 };