@pstdio/ui 0.22.0 → 0.24.1

package/dist/theme/tokens/colors.d.ts

@@ -1,3 +1,5 @@
+export { vis } from './colors-visualization';
+export { bg } from './colors-background';
 export declare const fg: {
     DEFAULT: {
         value: {
@@ -95,266 +97,6 @@ export declare const fg: {
         };
     };
 };
-export declare const bg: {
-    DEFAULT: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    muted: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    subtle: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    hover: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    active: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    info: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    warning: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    success: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    error: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    code: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    emphasized: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    elevated: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    inverted: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    panel: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    dark: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    white: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    button: {
-        primary: {
-            default: {
-                value: string;
-            };
-            hover: {
-                value: string;
-            };
-            pressed: {
-                value: string;
-            };
-            disabled: {
-                value: string;
-            };
-        };
-    };
-    "menu-item": {
-        default: {
-            value: string;
-        };
-        hover: {
-            value: string;
-        };
-        focus: {
-            value: string;
-        };
-        selected: {
-            value: string;
-        };
-    };
-    display: {
-        "very-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-    };
-    "accent-primary": {
-        default: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        hover: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        pressed: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "very-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        light: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        medium: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        dark: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-    };
-    "accent-secondary": {
-        "grey-dark": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "grey-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "red-very-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "red-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "pink-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "pink-medium": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "blue-very-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "blue-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "blue-medium": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "blue-dark": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "cyan-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "green-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        "sand-light": {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-    };
-};
 export declare const border: {
     DEFAULT: {
         value: {
@@ -474,168 +216,6 @@ export declare const orange: {
         };
     };
 };
-export declare const vis: {
-    text: {
-        primary: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        secondary: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-    };
-    grid: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    axis: {
-        value: {
-            _light: string;
-            _dark: string;
-        };
-    };
-    categorical: {
-        1: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        2: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        3: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        4: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        5: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        6: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-        7: {
-            value: {
-                _light: string;
-                _dark: string;
-            };
-        };
-    };
-    sequential: {
-        blue: {
-            "low-3": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "low-2": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "low-1": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            default: {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "high-1": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "high-2": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "high-3": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-        };
-        red: {
-            "low-3": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "low-2": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "low-1": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            default: {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "high-1": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "high-2": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-            "high-3": {
-                value: {
-                    _light: string;
-                    _dark: string;
-                };
-            };
-        };
-    };
-};
 export declare const text: {
     selectable: {
         primary: {