@pstdio/ui 0.0.1

package/storybook-static/theme/tokens/colors.d.ts

@@ -0,0 +1,898 @@
+export declare const fg: {
+    DEFAULT: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    muted: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    subtle: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    inverted: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    success: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    error: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    accent: {
+        "pink-dark": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+    };
+    "green-dark": {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    "blue-dark": {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    "blue-very-dark": {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+};
+export declare const bg: {
+    DEFAULT: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    muted: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    subtle: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    code: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    emphasized: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    inverted: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    panel: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    dark: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    white: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    display: {
+        "very-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+    };
+    "accent-primary": {
+        "very-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        light: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        medium: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        dark: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+    };
+    "accent-secondary": {
+        "grey-dark": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "grey-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "red-very-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "red-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "pink-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "pink-medium": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "blue-very-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "blue-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "blue-medium": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "blue-dark": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "cyan-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "green-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "yellow-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "yellow-medium": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "sand-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+    };
+};
+export declare const border: {
+    DEFAULT: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    muted: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    subtle: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    inverted: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    "accent-light": {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+};
+export declare const blue: {
+    border: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+};
+export declare const vis: {
+    text: {
+        primary: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        secondary: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+    };
+    grid: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    axis: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    categorical: {
+        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;
+            };
+        };
+    };
+    sequential: {
+        blue: {
+            "low-3": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "low-2": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "low-1": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            default: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "high-1": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "high-2": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "high-3": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+        };
+        red: {
+            "low-3": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "low-2": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "low-1": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            default: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "high-1": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "high-2": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "high-3": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+        };
+    };
+};
+export declare const semanticColors: {
+    fg: {
+        DEFAULT: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        inverted: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        success: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        error: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        accent: {
+            "pink-dark": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+        };
+        "green-dark": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "blue-dark": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "blue-very-dark": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+    };
+    bg: {
+        DEFAULT: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        code: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        inverted: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        panel: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        dark: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        white: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        display: {
+            "very-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+        };
+        "accent-primary": {
+            "very-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            light: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            medium: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            dark: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+        };
+        "accent-secondary": {
+            "grey-dark": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "grey-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "red-very-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "red-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "pink-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "pink-medium": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "blue-very-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "blue-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "blue-medium": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "blue-dark": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "cyan-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "green-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "yellow-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "yellow-medium": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            "sand-light": {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+        };
+    };
+    border: {
+        DEFAULT: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        inverted: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        "accent-light": {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+    };
+    blue: {
+        border: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+    };
+    vis: {
+        text: {
+            primary: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            secondary: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+        };
+        grid: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        axis: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        categorical: {
+            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;
+                };
+            };
+        };
+        sequential: {
+            blue: {
+                "low-3": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "low-2": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "low-1": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                default: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "high-1": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "high-2": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "high-3": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            red: {
+                "low-3": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "low-2": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "low-1": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                default: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "high-1": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "high-2": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                "high-3": {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+    };
+};