@discourser/design-system 0.9.3 → 0.9.4

package/dist/preset/colors/index.d.ts

@@ -0,0 +1,1485 @@
+export declare const colors: {
+    primary: {
+        '1': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '2': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '3': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '4': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '5': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '6': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '7': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '8': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '9': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '10': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '11': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '12': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a1: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a2: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a3: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a4: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a5: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a6: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a7: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a8: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a9: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a10: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a11: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a12: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        subtle: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        surface: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        outline: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        plain: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+    };
+    neutral: {
+        '1': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '2': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '3': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '4': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '5': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '6': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '7': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '8': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '9': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '10': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '11': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '12': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a1: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a2: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a3: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a4: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a5: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a6: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a7: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a8: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a9: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a10: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a11: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a12: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        subtle: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        surface: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        outline: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        plain: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+    };
+    error: {
+        '1': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '2': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '3': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '4': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '5': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '6': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '7': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '8': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '9': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '10': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '11': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '12': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a1: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a2: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a3: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a4: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a5: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a6: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a7: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a8: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a9: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a10: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a11: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a12: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        subtle: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        surface: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        outline: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        plain: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+    };
+    gray: {
+        '1': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '2': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '3': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '4': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '5': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '6': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '7': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '8': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '9': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '10': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '11': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '12': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a1: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a2: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a3: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a4: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a5: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a6: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a7: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a8: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a9: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a10: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a11: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a12: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        subtle: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        surface: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        outline: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        plain: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+    };
+    red: {
+        '1': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '2': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '3': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '4': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '5': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '6': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '7': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '8': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '9': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '10': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '11': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        '12': {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a1: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a2: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a3: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a4: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a5: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a6: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a7: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a8: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a9: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a10: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a11: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        a12: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        subtle: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        surface: {
+            bg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        outline: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            border: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+        plain: {
+            bg: {
+                hover: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                active: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            fg: {
+                DEFAULT: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+    };
+};
+//# sourceMappingURL=index.d.ts.map