@clickhouse/click-ui 0.0.235 → 0.0.237-sc-deprecation.1

package/dist/{styles → theme/tokens}/variables.light.json.d.ts

@@ -131,7 +131,7 @@ declare const _default: {
             "warning": "#ffffff"
           },
           "stroke": {
-            "default": "rgb(90.2% 90.6% 91.4% / 0.1)",
+            "default": "#e6e7e9",
             "success": "rgb(20% 100% 26.7% / 0.05)",
             "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
             "danger": "rgb(100% 13.7% 13.7% / 0.05)",
@@ -171,7 +171,13 @@ declare const _default: {
             "background": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "rgb(7.98% 7.62% 8.34%)",
+              "active": "#161517",
+              "disabled": "#dfdfdf"
+            },
+            "stroke": {
+              "default": "#302e32",
+              "hover": "lch(29.5 4.18 267)",
+              "active": "#161517",
               "disabled": "#dfdfdf"
             },
             "text": {
@@ -179,12 +185,6 @@ declare const _default: {
               "hover": "#ffffff",
               "active": "#ffffff",
               "disabled": "#a0a0a0"
-            },
-            "stroke": {
-              "default": "#302e32",
-              "hover": "lch(29.5 4.18 267)",
-              "active": "rgb(7.98% 7.62% 8.34%)",
-              "disabled": "#dfdfdf"
             }
           },
           "secondary": {
@@ -197,7 +197,7 @@ declare const _default: {
             "stroke": {
               "default": "#e6e7e9",
               "hover": "#e6e7e9",
-              "active": "rgb(81% 82.1% 83.6%)",
+              "active": "#cccfd3",
               "disabled": "#dfdfdf"
             },
             "text": {
@@ -208,18 +208,18 @@ declare const _default: {
             }
           },
           "danger": {
-            "background": {
-              "default": "rgb(100% 13.7% 13.7% / 0.1)",
-              "hover": "rgb(100% 13.7% 13.7% / 0.2)",
-              "active": "rgb(100% 13.7% 13.7% / 0.3)",
-              "disabled": "#dfdfdf"
-            },
             "text": {
               "default": "#c10000",
               "hover": "#c10000",
               "active": "#c10000",
               "disabled": "#a0a0a0"
             },
+            "background": {
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              "hover": "rgb(100% 13.7% 13.7% / 0.2)",
+              "active": "rgb(100% 13.7% 13.7% / 0.3)",
+              "disabled": "#dfdfdf"
+            },
             "stroke": {
               "default": "rgb(100% 13.7% 13.7% / 0.1)",
               "hover": "rgb(100% 13.7% 13.7% / 0.05)",
@@ -272,12 +272,12 @@ declare const _default: {
             "background": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(5.9 1.18 305)"
+              "active": "lch(6.59 1.37 305)"
             },
             "stroke": {
               "default": "rgba(0,0,0,0)",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(5.9 1.18 305)"
+              "active": "lch(6.59 1.37 305)"
             },
             "text": {
               "default": "#ffffff",
@@ -348,18 +348,24 @@ declare const _default: {
       },
       "split": {
         "primary": {
+          "divide": {
+            "default": "lch(23.3 2.63 306)",
+            "active": "lch(16.4 2.36 306)",
+            "hover": "lch(33 3.27 267)",
+            "disabled": "lch(75.5 0 0)"
+          },
           "background": {
             "main": {
               "default": "#302e32",
               "hover": "lch(27 3.82 267)",
-              "active": "lch(5.68 1.13 305)",
-              "disabled": "rgb(80% 80% 80%)"
+              "active": "lch(6.35 1.32 305)",
+              "disabled": "#dfdfdf"
             },
             "action": {
-              "default": "rgb(7.76% 7.41% 8.12%)",
+              "default": "#161517",
               "hover": "lch(25.6 3.63 267)",
               "active": "lch(3.47 0.72 305)",
-              "disabled": "lch(77.9 0 0)"
+              "disabled": "lch(84.4 0 0)"
             }
           },
           "text": {
@@ -373,19 +379,13 @@ declare const _default: {
             "hover": "rgba(0,0,0,0)",
             "active": "rgba(0,0,0,0)",
             "disabled": "rgba(0,0,0,0)"
-          },
-          "divide": {
-            "default": "lch(23.3 2.63 306)",
-            "hover": "lch(33 3.27 267)",
-            "active": "lch(16.4 2.36 306)",
-            "disabled": "lch(75.5 0 0)"
           }
         },
         "secondary": {
           "divide": {
             "default": "lch(92 1.05 266)",
             "hover": "lch(92.4 0.99 266)",
-            "active": "rgb(81% 82.1% 83.6%)",
+            "active": "#cccfd3",
             "disabled": "lch(75.5 0 0)"
           },
           "background": {
@@ -399,7 +399,7 @@ declare const _default: {
               "default": "#f6f7fa",
               "hover": "lch(94.8 1.53 272)",
               "active": "lch(92.9 1.5 272)",
-              "disabled": "lch(77.9 0 0)"
+              "disabled": "lch(84.4 0 0)"
             }
           },
           "text": {
@@ -411,7 +411,7 @@ declare const _default: {
           "stroke": {
             "default": "#e6e7e9",
             "hover": "#e6e7e9",
-            "active": "rgb(81.2% 82.3% 83.8%)",
+            "active": "#cccfd3",
             "disabled": "rgba(0,0,0,0)"
           }
         }
@@ -509,7 +509,7 @@ declare const _default: {
           "background": {
             "default": "#ffffff",
             "hover": "#f6f7fa",
-            "active": "rgb(95% 95% 95%)",
+            "active": "#ffffff",
             "disabled": "#dfdfdf"
           },
           "title": {
@@ -592,26 +592,26 @@ declare const _default: {
       },
       "promotion": {
         "color": {
-          "text": {
-            "default": "#161517",
-            "hover": "#161517",
-            "active": "#161517"
+          "background": {
+            "default": "#f6f7fa",
+            "hover": "#e6e7e9",
+            "active": "lch(89.8 1.08 266)"
           },
           "icon": {
             "default": "#161517",
             "hover": "#161517",
             "active": "#161517"
           },
-          "background": {
-            "default": "rgb(96.5% 96.9% 98% / 0.9)",
-            "hover": "rgb(90.4% 90.8% 91.6%)",
-            "active": "lch(89.8 1.08 266)"
-          },
           "stroke": {
             "default": "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
             "hover": "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
             "active": "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
             "focus": "#151515"
+          },
+          "text": {
+            "default": "#161517",
+            "hover": "#161517",
+            "active": "#161517"
           }
         }
       }
@@ -760,6 +760,12 @@ declare const _default: {
             }
           }
         },
+        "check": {
+          "default": "#ffffff",
+          "hover": "#ffffff",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
+        },
         "background": {
           "default": "#f6f7fa",
           "hover": "#f6f7fa",
@@ -771,12 +777,6 @@ declare const _default: {
           "hover": "#b3b6bd",
           "active": "#161517",
           "disabled": "#c0c0c0"
-        },
-        "check": {
-          "default": "#ffffff",
-          "hover": "#ffffff",
-          "active": "#ffffff",
-          "disabled": "#a0a0a0"
         }
       }
     },
@@ -904,9 +904,15 @@ declare const _default: {
     },
     "field": {
       "color": {
+        "genericLabel": {
+          "default": "#161517",
+          "hover": "#161517",
+          "active": "#161517",
+          "disabled": "#a0a0a0"
+        },
         "background": {
-          "default": "rgb(98.5% 98.9% 100%)",
-          "hover": "rgb(96.6% 96.9% 98.1%)",
+          "default": "#FBFCFF",
+          "hover": "#f6f7fa",
           "active": "#ffffff",
           "disabled": "#dfdfdf",
           "error": "#ffffff"
@@ -919,8 +925,8 @@ declare const _default: {
           "error": "#c10000"
         },
         "stroke": {
-          "default": "rgb(90.7% 91.1% 91.8%)",
-          "hover": "rgb(81% 82.1% 83.6%)",
+          "default": "#e6e7e9",
+          "hover": "#cccfd3",
           "active": "#161517",
           "disabled": "#dfdfdf",
           "error": "#c10000"
@@ -932,22 +938,16 @@ declare const _default: {
           "disabled": "#a0a0a0",
           "error": "#c10000"
         },
+        "placeholder": {
+          "default": "#9a9ea7",
+          "disabled": "#b3b6bd"
+        },
         "format": {
           "default": "lch(72 4.18 268)",
           "hover": "lch(72 4.18 268)",
           "active": "lch(72 4.18 268)",
           "disabled": "#a0a0a0",
           "error": "lch(72 4.18 268)"
-        },
-        "genericLabel": {
-          "default": "#161517",
-          "hover": "#161517",
-          "active": "#161517",
-          "disabled": "#a0a0a0"
-        },
-        "placeholder": {
-          "default": "#9a9ea7",
-          "disabled": "#b3b6bd"
         }
       }
     },
@@ -970,12 +970,12 @@ declare const _default: {
         "background": {
           "default": "#ffffff",
           "hover": "#ffffff",
-          "active": "rgb(96.6% 96.9% 98.1%)",
+          "active": "#f6f7fa",
           "error": "rgb(100% 13.7% 13.7% / 0.1)"
         },
         "stroke": {
-          "default": "rgb(90.7% 91.1% 91.8%)",
-          "hover": "rgb(90.7% 91.1% 91.8%)",
+          "default": "#e6e7e9",
+          "hover": "#e6e7e9",
           "active": "#b3b6bd",
           "error": "rgba(0,0,0,0)"
         },
@@ -1021,19 +1021,19 @@ declare const _default: {
           },
           "background": {
             "default": "#ffffff",
-            "hover": "rgb(96.8% 97.1% 98.2%)",
+            "hover": "#f6f7fa",
             "active": "#ffffff",
             "disabled": "#ffffff"
           },
+          "stroke": {
+            "default": "#e6e7e9"
+          },
           "format": {
             "default": "lch(72 4.18 268)",
             "hover": "lch(72 4.18 268)",
             "active": "lch(72 4.18 268)",
             "disabled": "#a0a0a0"
           },
-          "stroke": {
-            "default": "#e6e7e9"
-          },
           "subtext": {
             "default": "#696e79",
             "hover": "#696e79",
@@ -1089,7 +1089,7 @@ declare const _default: {
             "background": {
               "default": "#f6f7fa",
               "selectIndirect": "lch(95.6 5.84 264)",
-              "selectDirect": "lch(93.2 7.7 264)"
+              "selectDirect": "#E7EFFD"
             },
             "title": {
               "default": "#696e79",
@@ -1098,7 +1098,7 @@ declare const _default: {
             },
             "stroke": {
               "default": "lch(89.3 1.07 266)",
-              "selectIndirect": "lch(91.8 7.59 264)",
+              "selectIndirect": "#E7EFFD",
               "selectDirect": "lch(86.1 15.1 266)"
             }
           }
@@ -1114,7 +1114,7 @@ declare const _default: {
             },
             "stroke": {
               "default": "#e6e7e9",
-              "selectIndirect": "lch(70.7 12.4 266)",
+              "selectIndirect": "#D0DFFB",
               "selectDirect": "#437EEF"
             },
             "text": {
@@ -1240,9 +1240,9 @@ declare const _default: {
           "item": {
             "color": {
               "background": {
-                "active": "lch(91.6 1.1 266 / 0.6)",
+                "default": "rgba(0,0,0,0)",
                 "hover": "lch(91.6 1.1 266 / 0.6)",
-                "default": "rgba(0,0,0,0)"
+                "active": "#e6e7e9"
               },
               "text": {
                 "default": "#161517",
@@ -1268,15 +1268,15 @@ declare const _default: {
             "color": {
               "text": {
                 "default": "#696e79",
-                "disabled": "#a0a0a0",
                 "hover": "#161517",
-                "active": "#161517"
+                "active": "#161517",
+                "disabled": "#a0a0a0"
               },
               "background": {
                 "default": "rgba(0,0,0,0)",
-                "disabled": "rgba(0,0,0,0)",
                 "hover": "lch(91.6 1.1 266 / 0.6)",
-                "active": "rgba(0,0,0,0)"
+                "active": "rgba(0,0,0,0)",
+                "disabled": "rgba(0,0,0,0)"
               },
               "icon": {
                 "default": "#696e79",
@@ -1294,41 +1294,40 @@ declare const _default: {
         }
       },
       "sqlSidebar": {
-        "color": {
-          "background": {
-            "default": "#f6f7fa"
-          },
-          "stroke": {
-            "default": "#e6e7e9"
-          }
-        },
         "navigation": {
           "item": {
             "color": {
-              "background": {
-                "active": "lch(91.6 1.1 266 / 0.6)",
-                "hover": "lch(91.6 1.1 266 / 0.6)",
-                "default": "rgba(0,0,0,0)"
-              },
               "text": {
+                "disabled": "#a0a0a0",
                 "default": "#161517",
                 "hover": "#161517",
                 "active": "#161517",
-                "muted": "#696e79",
-                "disabled": "#a0a0a0"
+                "muted": "#696e79"
+              },
+              "background": {
+                "default": "rgba(0,0,0,0)",
+                "hover": "lch(91.6 1.1 266 / 0.6)",
+                "active": "#e6e7e9"
               },
               "icon": {
                 "default": "#696e79"
               }
             }
           },
+          "title": {
+            "color": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79"
+            }
+          },
           "subItem": {
             "color": {
               "text": {
-                "disabled": "#a0a0a0",
                 "default": "#696e79",
                 "hover": "#161517",
-                "active": "#161517"
+                "active": "#161517",
+                "disabled": "#a0a0a0"
               },
               "background": {
                 "default": "rgba(0,0,0,0)",
@@ -1337,13 +1336,6 @@ declare const _default: {
               }
             }
           },
-          "title": {
-            "color": {
-              "default": "#696e79",
-              "hover": "#696e79",
-              "active": "#696e79"
-            }
-          },
           "dragControl": {
             "separator": {
               "color": {
@@ -1351,6 +1343,14 @@ declare const _default: {
               }
             }
           }
+        },
+        "color": {
+          "background": {
+            "default": "#f6f7fa"
+          },
+          "stroke": {
+            "default": "#e6e7e9"
+          }
         }
       }
     },
@@ -1457,7 +1457,7 @@ declare const _default: {
           "background": {
             "default": "#f6f7fa",
             "hover": "#f6f7fa",
-            "active": "rgb(89.8% 92.8% 98.1%)"
+            "active": "#E7EFFD"
           },
           "title": {
             "default": "#161517"
@@ -1480,7 +1480,7 @@ declare const _default: {
           "background": {
             "default": "#ffffff",
             "hover": "lch(94.1 7.78 264 / 0.2)",
-            "active": "rgb(90.8% 93.8% 99.2% / 0.2)"
+            "active": "lch(94.1 7.78 264 / 0.2)"
           },
           "stroke": {
             "default": "#e6e7e9"
@@ -1593,6 +1593,11 @@ declare const _default: {
     "dashboards": {
       "chartWidget": {
         "color": {
+          "background": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "selected": "#ffffff"
+          },
           "stroke": {
             "default": "#e6e7e9",
             "hover": "#b3b6bd",
@@ -1614,11 +1619,6 @@ declare const _default: {
               "default": "#e6e7e9"
             }
           },
-          "background": {
-            "default": "#ffffff",
-            "hover": "#ffffff",
-            "selected": "#ffffff"
-          },
           "icon": {
             "default": "#161517",
             "hover": "#161517",
@@ -1640,6 +1640,14 @@ declare const _default: {
     },
     "global": {
       "color": {
+        "stroke": {
+          "default": "#e6e7e9",
+          "muted": "lch(91.6 1.1 266)",
+          "intense": "#b3b6bd"
+        },
+        "accent": {
+          "default": "#151515"
+        },
         "background": {
           "default": "#ffffff",
           "muted": "#f6f7fa"
@@ -1654,23 +1662,15 @@ declare const _default: {
           },
           "danger": "#c10000"
         },
-        "stroke": {
-          "default": "#e6e7e9",
-          "muted": "lch(91.6 1.1 266)",
-          "intense": "#b3b6bd"
-        },
-        "accent": {
-          "default": "#151515"
+        "title": {
+          "default": "lch(11.1 1.37 305)",
+          "muted": "#696e79"
         },
         "outline": {
           "default": "#437EEF"
         },
         "shadow": {
           "default": "lch(6.77 0 0 / 0.15)"
-        },
-        "title": {
-          "default": "lch(11.1 1.37 305)",
-          "muted": "#696e79"
         }
       }
     },
@@ -1705,8 +1705,8 @@ declare const _default: {
       }
     },
     "chart": {
-      "bars": {
-        "color": {
+      "color": {
+        "default": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#00E513",
@@ -1718,10 +1718,14 @@ declare const _default: {
           "teal": "#089B83",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
+        },
+        "label": {
+          "default": "#161517",
+          "deselected": "lch(6.94 1.44 305 / 0.3)"
         }
       },
-      "color": {
-        "default": {
+      "bars": {
+        "color": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#00E513",
@@ -1733,10 +1737,6 @@ declare const _default: {
           "teal": "#089B83",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
-        },
-        "label": {
-          "default": "#161517",
-          "deselected": "lch(6.94 1.44 305 / 0.3)"
         }
       }
     },
@@ -1744,16 +1744,15 @@ declare const _default: {
       "color": {
         "background": {
           "default": "#FBFCFF",
-          "hover": "lch(99 1.55 272)"
+          "hover": "#FBFCFF"
         },
         "stroke": {
           "default": "#e6e7e9",
-          "hover": "rgb(81% 82.1% 83.6%)"
+          "hover": "#cccfd3"
         }
       }
     }
   },
-  "name": "light",
   "global": {
     "color": {
       "background": {
@@ -1763,15 +1762,6 @@ declare const _default: {
         "split": "#f6f7fa",
         "muted_a": "lch(49.8 30.5 277 / 0.06)"
       },
-      "text": {
-        "default": "#161517",
-        "muted": "#696e79",
-        "disabled": "#a0a0a0",
-        "link": {
-          "default": "#437EEF",
-          "hover": "#104EC6"
-        }
-      },
       "stroke": {
         "default": "#e6e7e9",
         "muted": "#e6e7e9",
@@ -1781,6 +1771,15 @@ declare const _default: {
       "accent": {
         "default": "#151515"
       },
+      "text": {
+        "default": "#161517",
+        "muted": "#696e79",
+        "disabled": "#a0a0a0",
+        "link": {
+          "default": "#437EEF",
+          "hover": "#104EC6"
+        }
+      },
       "outline": {
         "default": "#437EEF"
       },
@@ -1811,7 +1810,7 @@ declare const _default: {
         }
       },
       "chart": {
-        "bars": {
+        "default": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#00E513",
@@ -1819,12 +1818,13 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
+          "danger": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
-        "default": {
+        "bars": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#00E513",
@@ -1832,10 +1832,10 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
         "label": {
           "default": "#161517",
@@ -1852,7 +1852,8 @@ declare const _default: {
         "background": "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);"
       }
     }
-  }
+  },
+  "name": "light"
 };
 
 export default _default;