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

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

@@ -174,17 +174,17 @@ declare const _default: {
               "active": "rgb(90.7% 92.5% 38.1%)",
               "disabled": "#414141"
             },
-            "text": {
-              "default": "#1F1F1C",
-              "hover": "#1F1F1C",
-              "active": "#1F1F1C",
-              "disabled": "#808080"
-            },
             "stroke": {
               "default": "#FAFF69",
               "hover": "#FAFF69",
               "active": "rgb(83% 84.6% 34.9%)",
               "disabled": "#414141"
+            },
+            "text": {
+              "default": "#1F1F1C",
+              "hover": "#1F1F1C",
+              "active": "#1F1F1C",
+              "disabled": "#808080"
             }
           },
           "secondary": {
@@ -208,18 +208,18 @@ declare const _default: {
             }
           },
           "danger": {
-            "background": {
-              "default": "rgb(100% 13.7% 13.7% / 0.2)",
-              "hover": "rgb(100% 13.7% 13.7% / 0.3)",
-              "active": "rgb(100% 13.7% 13.7% / 0.45)",
-              "disabled": "#414141"
-            },
             "text": {
               "default": "#ffbaba",
               "hover": "#ffbaba",
               "active": "#ffbaba",
               "disabled": "#808080"
             },
+            "background": {
+              "default": "rgb(100% 13.7% 13.7% / 0.2)",
+              "hover": "rgb(100% 13.7% 13.7% / 0.3)",
+              "active": "rgb(100% 13.7% 13.7% / 0.45)",
+              "disabled": "#414141"
+            },
             "stroke": {
               "default": "rgb(100% 22.3% 22.3% / 0.1)",
               "hover": "rgb(100% 13.7% 13.7% / 0.05)",
@@ -348,6 +348,12 @@ declare const _default: {
       },
       "split": {
         "primary": {
+          "divide": {
+            "default": "rgb(85.8% 87.5% 36%)",
+            "active": "rgb(72.6% 74% 30.5%)",
+            "hover": "rgb(77.8% 79.1% 46.8%)",
+            "disabled": "rgb(21.3% 21.3% 21.3%)"
+          },
           "background": {
             "main": {
               "default": "#FAFF69",
@@ -373,12 +379,6 @@ declare const _default: {
             "hover": "rgba(0,0,0,0)",
             "active": "rgba(0,0,0,0)",
             "disabled": "rgba(0,0,0,0)"
-          },
-          "divide": {
-            "default": "rgb(85.8% 87.5% 36%)",
-            "hover": "rgb(77.8% 79.1% 46.8%)",
-            "active": "rgb(72.6% 74% 30.5%)",
-            "disabled": "rgb(21.3% 21.3% 21.3%)"
           }
         },
         "secondary": {
@@ -592,26 +592,26 @@ declare const _default: {
       },
       "promotion": {
         "color": {
-          "text": {
-            "default": "#ffffff",
-            "hover": "#ffffff",
-            "active": "#ffffff"
+          "background": {
+            "default": "rgb(15.7% 15.7% 15.7% / 0.9)",
+            "hover": "rgb(17.8% 17.8% 17.8% / 0.9)",
+            "active": "rgb(19.9% 19.9% 19.9% / 0.9)"
           },
           "icon": {
             "default": "#FAFF69",
             "hover": "#FAFF69",
             "active": "#FAFF69"
           },
-          "background": {
-            "default": "rgb(15.7% 15.7% 15.7% / 0.9)",
-            "hover": "rgb(17.8% 17.8% 17.8% / 0.9)",
-            "active": "rgb(19.9% 19.9% 19.9% / 0.9)"
-          },
           "stroke": {
             "default": "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
             "hover": "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
             "active": "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
             "focus": "#FAFF69"
+          },
+          "text": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff"
           }
         }
       }
@@ -766,6 +766,12 @@ declare const _default: {
             }
           }
         },
+        "check": {
+          "default": "#ffffff",
+          "hover": "#ffffff",
+          "active": "#151515",
+          "disabled": "#808080"
+        },
         "background": {
           "default": "rgb(17.8% 17.8% 17.8%)",
           "hover": "rgb(17.8% 17.8% 17.8%)",
@@ -778,12 +784,6 @@ declare const _default: {
           "active": "#FAFF69",
           "disabled": "#606060"
         },
-        "check": {
-          "default": "#ffffff",
-          "hover": "#ffffff",
-          "active": "#151515",
-          "disabled": "#808080"
-        },
         "label": {
           "default": "#ffffff",
           "hover": "#ffffff",
@@ -916,6 +916,12 @@ declare const _default: {
     },
     "field": {
       "color": {
+        "genericLabel": {
+          "default": "#ffffff",
+          "hover": "#ffffff",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
+        },
         "background": {
           "default": "rgb(17.8% 17.8% 17.8%)",
           "hover": "rgb(19.9% 19.9% 19.9%)",
@@ -944,22 +950,16 @@ declare const _default: {
           "disabled": "#606060",
           "error": "#ffbaba"
         },
+        "placeholder": {
+          "default": "#808080",
+          "disabled": "#606060"
+        },
         "format": {
           "default": "rgb(60.2% 60.2% 60.2%)",
           "hover": "rgb(60.2% 60.2% 60.2%)",
           "active": "rgb(60.2% 60.2% 60.2%)",
           "disabled": "#808080",
           "error": "rgb(60.2% 60.2% 60.2%)"
-        },
-        "genericLabel": {
-          "default": "#ffffff",
-          "hover": "#ffffff",
-          "active": "#ffffff",
-          "disabled": "#a0a0a0"
-        },
-        "placeholder": {
-          "default": "#808080",
-          "disabled": "#606060"
         }
       }
     },
@@ -1016,11 +1016,11 @@ declare const _default: {
         "description": {
           "default": "#b3b6bd"
         },
-        "opaqueBackground": {
-          "default": "lch(6.77 0 0 / 0.45)"
-        },
         "stroke": {
           "default": "#323232"
+        },
+        "opaqueBackground": {
+          "default": "lch(6.77 0 0 / 0.45)"
         }
       }
     },
@@ -1040,6 +1040,9 @@ declare const _default: {
             "active": "#282828",
             "disabled": "#414141"
           },
+          "stroke": {
+            "default": "#323232"
+          },
           "format": {
             "default": "lch(62.9 0 0)",
             "hover": "rgb(60.2% 60.2% 60.2%)",
@@ -1047,9 +1050,6 @@ declare const _default: {
             "disabled": "#808080",
             "error": "rgb(60.2% 60.2% 60.2%)"
           },
-          "stroke": {
-            "default": "#323232"
-          },
           "subtext": {
             "default": "#b3b6bd",
             "hover": "#b3b6bd",
@@ -1256,9 +1256,9 @@ declare const _default: {
           "item": {
             "color": {
               "background": {
-                "active": "lch(27.5 0 0 / 0.6)",
+                "default": "rgba(0,0,0,0)",
                 "hover": "lch(19.1 0 0)",
-                "default": "rgba(0,0,0,0)"
+                "active": "lch(27.5 0 0 / 0.6)"
               },
               "text": {
                 "default": "#ffffff",
@@ -1284,15 +1284,15 @@ declare const _default: {
             "color": {
               "text": {
                 "default": "#b3b6bd",
-                "disabled": "#808080",
                 "hover": "#ffffff",
-                "active": "#ffffff"
+                "active": "#ffffff",
+                "disabled": "#808080"
               },
               "background": {
                 "default": "rgba(0,0,0,0)",
-                "disabled": "rgba(0,0,0,0)",
                 "hover": "lch(19.1 0 0)",
-                "active": "rgba(0,0,0,0)"
+                "active": "rgba(0,0,0,0)",
+                "disabled": "rgba(0,0,0,0)"
               }
             }
           },
@@ -1306,28 +1306,20 @@ declare const _default: {
         }
       },
       "sqlSidebar": {
-        "color": {
-          "background": {
-            "default": "#282828"
-          },
-          "stroke": {
-            "default": "#323232"
-          }
-        },
         "navigation": {
           "item": {
             "color": {
-              "background": {
-                "active": "lch(27.5 0 0 / 0.6)",
-                "hover": "lch(19.1 0 0)",
-                "default": "rgba(0,0,0,0)"
-              },
               "text": {
+                "disabled": "#808080",
                 "default": "#ffffff",
                 "hover": "#ffffff",
                 "active": "#ffffff",
-                "muted": "#b3b6bd",
-                "disabled": "#808080"
+                "muted": "#b3b6bd"
+              },
+              "background": {
+                "default": "rgba(0,0,0,0)",
+                "hover": "lch(19.1 0 0)",
+                "active": "lch(27.5 0 0 / 0.6)"
               },
               "icon": {
                 "default": "#b3b6bd",
@@ -1335,13 +1327,20 @@ declare const _default: {
               }
             }
           },
+          "title": {
+            "color": {
+              "default": "#b3b6bd",
+              "hover": "#b3b6bd",
+              "active": "#b3b6bd"
+            }
+          },
           "subItem": {
             "color": {
               "text": {
-                "disabled": "#808080",
                 "default": "#b3b6bd",
                 "hover": "#ffffff",
-                "active": "#ffffff"
+                "active": "#ffffff",
+                "disabled": "#808080"
               },
               "background": {
                 "default": "rgba(0,0,0,0)",
@@ -1350,13 +1349,6 @@ declare const _default: {
               }
             }
           },
-          "title": {
-            "color": {
-              "default": "#b3b6bd",
-              "hover": "#b3b6bd",
-              "active": "#b3b6bd"
-            }
-          },
           "dragControl": {
             "separator": {
               "color": {
@@ -1364,6 +1356,14 @@ declare const _default: {
               }
             }
           }
+        },
+        "color": {
+          "background": {
+            "default": "#282828"
+          },
+          "stroke": {
+            "default": "#323232"
+          }
         }
       }
     },
@@ -1606,6 +1606,11 @@ declare const _default: {
     "dashboards": {
       "chartWidget": {
         "color": {
+          "background": {
+            "default": "#282828",
+            "hover": "#282828",
+            "selected": "#282828"
+          },
           "stroke": {
             "default": "#323232",
             "hover": "#414141",
@@ -1627,11 +1632,6 @@ declare const _default: {
               "default": "#323232"
             }
           },
-          "background": {
-            "default": "#282828",
-            "hover": "#282828",
-            "selected": "#282828"
-          },
           "icon": {
             "default": "#ffffff",
             "hover": "#ffffff",
@@ -1653,6 +1653,14 @@ declare const _default: {
     },
     "global": {
       "color": {
+        "stroke": {
+          "default": "#323232",
+          "muted": "lch(20.8 0 0)",
+          "intense": "#414141"
+        },
+        "accent": {
+          "default": "#FAFF69"
+        },
         "background": {
           "default": "#1F1F1C",
           "muted": "#282828"
@@ -1667,23 +1675,15 @@ declare const _default: {
           },
           "danger": "#ffbaba"
         },
-        "stroke": {
-          "default": "#323232",
-          "muted": "lch(20.8 0 0)",
-          "intense": "#414141"
-        },
-        "accent": {
-          "default": "#FAFF69"
+        "title": {
+          "default": "rgb(97.5% 97.5% 97.5%)",
+          "muted": "#b3b6bd"
         },
         "outline": {
           "default": "#FAFF69"
         },
         "shadow": {
           "default": "rgb(8.24% 8.24% 8.24% / 0.6)"
-        },
-        "title": {
-          "default": "rgb(97.5% 97.5% 97.5%)",
-          "muted": "#b3b6bd"
         }
       }
     },
@@ -1718,8 +1718,8 @@ declare const _default: {
       }
     },
     "chart": {
-      "bars": {
-        "color": {
+      "color": {
+        "default": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#33FF44",
@@ -1731,10 +1731,14 @@ declare const _default: {
           "teal": "#6DF8E1",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
+        },
+        "label": {
+          "default": "#ffffff",
+          "deselected": "lch(100 0 0 / 0.3)"
         }
       },
-      "color": {
-        "default": {
+      "bars": {
+        "color": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#33FF44",
@@ -1746,10 +1750,6 @@ declare const _default: {
           "teal": "#6DF8E1",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
-        },
-        "label": {
-          "default": "#ffffff",
-          "deselected": "lch(100 0 0 / 0.3)"
         }
       }
     },
@@ -1766,7 +1766,6 @@ declare const _default: {
       }
     }
   },
-  "name": "dark",
   "global": {
     "color": {
       "background": {
@@ -1775,15 +1774,6 @@ declare const _default: {
         "sidebar": "#1F1F1C",
         "split": "#282828"
       },
-      "text": {
-        "default": "#ffffff",
-        "muted": "#b3b6bd",
-        "disabled": "#808080",
-        "link": {
-          "default": "#FAFF69",
-          "hover": "#FEFFC2"
-        }
-      },
       "stroke": {
         "default": "#323232",
         "muted": "#323232",
@@ -1793,6 +1783,15 @@ declare const _default: {
       "accent": {
         "default": "#FAFF69"
       },
+      "text": {
+        "default": "#ffffff",
+        "muted": "#b3b6bd",
+        "disabled": "#808080",
+        "link": {
+          "default": "#FAFF69",
+          "hover": "#FEFFC2"
+        }
+      },
       "outline": {
         "default": "#FAFF69"
       },
@@ -1823,7 +1822,7 @@ declare const _default: {
         }
       },
       "chart": {
-        "bars": {
+        "default": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#33FF44",
@@ -1831,12 +1830,13 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
           "danger": "#ff2323",
           "teal": "#6DF8E1",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
         },
-        "default": {
+        "bars": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#33FF44",
@@ -1844,7 +1844,7 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
-          "danger": "#ff2323",
+          "red": "#ff2323",
           "teal": "#6DF8E1",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
@@ -1864,7 +1864,8 @@ declare const _default: {
         "background": "linear-gradient(132deg, #FAFF69 8%, #292929 30%);"
       }
     }
-  }
+  },
+  "name": "dark"
 };
 
 export default _default;

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

@@ -333,8 +333,8 @@ declare const _default: {
             "muted": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
           },
           "title": {
-            "default": "700 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
-            "muted": "700 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+            "default": "600 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
+            "muted": "600 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
           }
         }
       },
@@ -993,9 +993,16 @@ declare const _default: {
           }
         },
         "space": {
-          "y": "0.75rem",
-          "x": "1.5rem",
-          "gap": "1rem"
+          "md": {
+            "y": "0.75rem",
+            "x": "1rem",
+            "gap": "1rem"
+          },
+          "sm": {
+            "y": "0.5rem",
+            "x": "0.75rem",
+            "gap": "0.75rem"
+          }
         },
         "default": {
           "color": {
@@ -1531,7 +1538,7 @@ declare const _default: {
         "titles": {
           "lg": "600 2rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
           "md": "700 1.25rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
-          "sm": "700 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+          "sm": "600 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
         },
         "text": {
           "default": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
@@ -3404,11 +3411,10 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
-          "danger": "#ff2323",
+          "red": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
         "default": {
           "blue": "#437EEF",
@@ -3418,11 +3424,11 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
           "danger": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
         "label": {
           "default": "#161517",
@@ -3662,7 +3668,8 @@ declare const _default: {
         "1": "0.75rem",
         "2": "0.875rem",
         "3": "1rem",
-        "4": "1.25rem",
+        "4": "1.125rem",
+        "5": "1.25rem",
         "6": "2rem",
         "base": "16px"
       },
@@ -3679,7 +3686,7 @@ declare const _default: {
           "xs": "600 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
           "sm": "600 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
           "md": "600 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
-          "lg": "700 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
+          "lg": "700 1.125rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
           "xl": "700 1.25rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
           "2xl": "600 2rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
         },