npm - @pstdio/ui - Versions diffs - 0.5.1 → 0.6.0 - Mend

@pstdio/ui 0.5.1 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

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

@@ -1,63 +1,63 @@
 export declare const fg: {
     DEFAULT: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     muted: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     subtle: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     inverted: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     success: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     error: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     accent: {
         "pink-dark": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
     };
     "green-dark": {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     "blue-dark": {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     "blue-very-dark": {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
@@ -65,7 +65,7 @@ export declare const fg: {
         primary: {
             default: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
@@ -86,67 +86,67 @@ export declare const fg: {
 export declare const bg: {
     DEFAULT: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     muted: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     subtle: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     hover: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     active: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     code: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     emphasized: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     inverted: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     panel: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     dark: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     white: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
@@ -154,19 +154,19 @@ export declare const bg: {
         primary: {
             default: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             hover: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             pressed: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
@@ -180,19 +180,25 @@ export declare const bg: {
             value: string;
         };
         hover: {
-            value: string;
+            value: {
+                _light: string;
+            };
         };
         focus: {
-            value: string;
+            value: {
+                _light: string;
+            };
         };
         selected: {
-            value: string;
+            value: {
+                _light: string;
+            };
         };
     };
     display: {
         "very-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
@@ -200,43 +206,43 @@ export declare const bg: {
     "accent-primary": {
         default: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         hover: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         pressed: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "very-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         light: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         medium: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         dark: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
@@ -244,97 +250,97 @@ export declare const bg: {
     "accent-secondary": {
         "grey-dark": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "grey-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "red-very-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "red-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "pink-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "pink-medium": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "blue-very-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "blue-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "blue-medium": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "blue-dark": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "cyan-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "green-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "yellow-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "yellow-medium": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "yellow-dark": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "sand-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
@@ -343,37 +349,37 @@ export declare const bg: {
 export declare const border: {
     DEFAULT: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     muted: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     subtle: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     inverted: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     "accent-light": {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     accent: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
@@ -445,69 +451,69 @@ export declare const vis: {
     text: {
         primary: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         secondary: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
     };
     grid: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     axis: {
         value: {
-            base: string;
+            _light: string;
             _dark: string;
         };
     };
     categorical: {
         1: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         2: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         3: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         4: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         5: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         6: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         7: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
@@ -516,43 +522,43 @@ export declare const vis: {
         blue: {
             "low-3": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "low-2": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "low-1": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             default: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "high-1": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "high-2": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "high-3": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
@@ -560,43 +566,43 @@ export declare const vis: {
         red: {
             "low-3": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "low-2": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "low-1": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             default: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "high-1": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "high-2": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "high-3": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
@@ -607,7 +613,7 @@ export declare const text: {
     selectable: {
         primary: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
@@ -617,63 +623,63 @@ export declare const semanticColors: {
     fg: {
         DEFAULT: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         muted: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         subtle: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         inverted: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         success: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         error: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         accent: {
             "pink-dark": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
         };
         "green-dark": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "blue-dark": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "blue-very-dark": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
@@ -681,7 +687,7 @@ export declare const semanticColors: {
             primary: {
                 default: {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
@@ -702,67 +708,67 @@ export declare const semanticColors: {
     bg: {
         DEFAULT: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         muted: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         subtle: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         hover: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         active: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         code: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         emphasized: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         inverted: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         panel: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         dark: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         white: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
@@ -770,19 +776,19 @@ export declare const semanticColors: {
             primary: {
                 default: {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 hover: {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 pressed: {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
@@ -796,19 +802,25 @@ export declare const semanticColors: {
                 value: string;
             };
             hover: {
-                value: string;
+                value: {
+                    _light: string;
+                };
             };
             focus: {
-                value: string;
+                value: {
+                    _light: string;
+                };
             };
             selected: {
-                value: string;
+                value: {
+                    _light: string;
+                };
             };
         };
         display: {
             "very-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
@@ -816,43 +828,43 @@ export declare const semanticColors: {
         "accent-primary": {
             default: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             hover: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             pressed: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "very-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             light: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             medium: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             dark: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
@@ -860,97 +872,97 @@ export declare const semanticColors: {
         "accent-secondary": {
             "grey-dark": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "grey-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "red-very-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "red-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "pink-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "pink-medium": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "blue-very-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "blue-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "blue-medium": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "blue-dark": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "cyan-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "green-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "yellow-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "yellow-medium": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "yellow-dark": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             "sand-light": {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
@@ -959,37 +971,37 @@ export declare const semanticColors: {
     border: {
         DEFAULT: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         muted: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         subtle: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         inverted: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         "accent-light": {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         accent: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
@@ -1061,69 +1073,69 @@ export declare const semanticColors: {
         text: {
             primary: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             secondary: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
         };
         grid: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         axis: {
             value: {
-                base: string;
+                _light: string;
                 _dark: string;
             };
         };
         categorical: {
             1: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             2: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             3: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             4: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             5: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             6: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
             7: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };
@@ -1132,43 +1144,43 @@ export declare const semanticColors: {
             blue: {
                 "low-3": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "low-2": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "low-1": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 default: {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "high-1": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "high-2": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "high-3": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
@@ -1176,43 +1188,43 @@ export declare const semanticColors: {
             red: {
                 "low-3": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "low-2": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "low-1": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 default: {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "high-1": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "high-2": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
                 "high-3": {
                     value: {
-                        base: string;
+                        _light: string;
                         _dark: string;
                     };
                 };
@@ -1223,7 +1235,7 @@ export declare const semanticColors: {
         selectable: {
             primary: {
                 value: {
-                    base: string;
+                    _light: string;
                     _dark: string;
                 };
             };